\n
\n );\n}\n```\n\n#### Optionally use a default value\n\n> Note: Objects that are passed to useLocalStorage's default parameter will be automatically\n> stringified. This will not work for circular structures.\n\n```jsx\nimport React from 'react';\nimport { useLocalStorage } from '@rehooks/local-storage';\n\nfunction MyComponent() {\n // Note: The type of user can be inferred from the default value type\n const [user] = useLocalStorage('user', { name: 'Anakin Skywalker' });\n return (\n {counterValue}
\n\n
\n );\n}\n```\n\n### Delete From Storage\n\nYou may also delete items from the local storage as well.\n\n```js\nimport { writeStorage, deleteFromStorage } from '@rehooks/local-storage';\n\nwriteStorage('name', 'Homer Simpson'); // Add an item first\n\ndeleteFromStorage('name'); // Deletes the item\n\nconst thisIsNull = localStorage.getItem('name'); // This is indeed null\n```\n\n### Using With Context\n\nIt is advisable to use this hook with context if you want to have a properly \nsynchronized default value. Using `useLocalStorage` in two different components\nwith the same key but different default values can lead to unexpected behaviour.\n\nUsing Context will also prevent components from rendering and setting \ndefault values to the localStorage when you just want them to be deleted from localStorage\n(assuming the context provider also does not re-render).\n\n```jsx\nimport React, { createContext, useContext } from 'react';\nimport { useLocalStorage } from '@rehooks/local-storage';\n\nconst defaultProfile = { name: 'Spongekebob' };\nconst defaultContextValue = [defaultProfile, () => {}, () => {}];\n\nconst ProfileContext = createContext(defaultContextValue);\n\nexport const ProfileProvider = ({ children }) => {\n const ctxValue = useLocalStorage('profile', defaultProfile);\n return (\n {user.name}
\n{profile && profile.name}
;\n};\n\nexport default () => {\n return (\nClicker
\n \n \n{typeof(number) === 'number' ? number : 'Try incrementing the number!'}
\n \n \nDemo
\n![\"\"/](\"https://avatars3.githubusercontent.com/u/3483526?v=4\") Amit Solanki ???? ???? ???? ???? | \n ![\"\"/](\"https://avatars1.githubusercontent.com/u/19535809?v=4\") Joe ???? ???? ???? ???? ???? ⚠️ | \n ![\"\"/](\"https://avatars0.githubusercontent.com/u/4169772?v=4\") Fatih Kaya ???? ⚠️ ???? | \n ![\"\"/](\"https://avatars3.githubusercontent.com/u/404102?v=4\") Jarl André Hübenthal ???? ⚠️ ???? | \n ![\"\"/](\"https://avatars0.githubusercontent.com/u/952783?v=4\") Jamie Kyle ???? | \n ![\"\"/](\"https://avatars3.githubusercontent.com/u/1653890?v=4\") Albert Boehmler ???? ???? | \n ![\"\"/](\"https://avatars3.githubusercontent.com/u/647130?v=4\") Gabriel Dayley ???? ???? | \n
![\"\"/](\"https://avatars1.githubusercontent.com/u/43975092?v=4\") Harley Alexander ???? ???? ???? ⚠️ | \n