use-local-storage 1.0.5
Install from the command line:
Learn more about npm packages
$ npm install @technote-space/use-local-storage@1.0.5
Install via package.json:
"@technote-space/use-local-storage": "1.0.5"
About this version
React hook to handle localStorage.
yarn add @technote-space/use-local-storage
or
npm i @technote-space/use-local-storage
e.g.
import {useCallback} from 'react';
import useLocalStorage from '@technote-space/use-local-storage';
import useMediaQuery from '@material-ui/core/useMediaQuery';
export type ThemeColor = 'light' | 'dark';
const useDarkMode = (): [ThemeColor, () => void, (isDarkMode: boolean) => void] => {
const [isDarkMode, setDarkMode] = useLocalStorage('is-dark-mode', useMediaQuery('(prefers-color-scheme: dark)'));
const toggleDarkMode = useCallback(() => {
setDarkMode(isDarkMode => !isDarkMode);
}, []);
return [isDarkMode ? 'dark' : 'light', toggleDarkMode, setDarkMode];
};
export default useDarkMode;