useRemoveFromStore
This hook allows to remove a value from the Store.
Syntax
import { useRemoveFromStore } from 'react-admin';
const remove = useRemoveFromStore();
remove(key);
The key should be a string, and is used to access local storage. It can be passed either when calling the hook, or when calling the callback:
const remove = useRemoveFromStore(key);
remove();
Example
import { useRemoveFromStore } from 'react-admin';
import { Button } from '@mui/material';
const ResetPreferences = () => {
const removeItem = useRemoveFromStore();
return (
<>
<Button onClick={() => removeItem('sidebar.open')}>
Reset sidebar
</Button>
<Button onClick={() => removeItem('locale')}>
Reset locale
</Button>
<Button onClick={() => removeItem('theme')}>
Reset theme
</Button>
</>
);
};