1const options = new StorageItem<Record<string, string>>('user-options');
2const value = await options.get(); // The type is `Record<string, string> | undefined`
3await options.set({color: 'red'}) // Type-checked
4options.onChanged(newValue => {
5	console.log('New options', newValue)
6});

• The storage item is defined in a single place, including its storageArea, its types and default value
• item.get() returns the raw value instead of an object
• Every get and set operation is type-safe
• If you provide a defaultValue, the return type will not be | undefined
• Calling .set(undefined) will unset the value instead of the call being ignored
• The onChanged example speaks for itself

Now compare it to the native API:

1const storage = await chrome.storage.local.get('user-options');
2const value = storage['user-options']; // The type is `any`
3await chrome.storage.local.set({['user-options']: {color: 'red'}}); // Not type-checked
4chrome.storage.onChanged.addListener((storageArea, change) => {
5	if (storageArea === 'local' && change['user-options']) { // Repetitive
6		console.log('New options', change['user-options'].newValue)
7	}
8});