![](\"https://img.shields.io/npm/dt/urs.svg\")
\n \n \n ![\"undefined\"](\"https://img.shields.io/bundlephobia/minzip/urs.svg\")
\n \n \n \n ![](\"https://img.shields.io/npm/v/urs.svg\")
\n \n🔥 React hook for maintaining correct values, in a clean way, without updates on unmounted components
\n\n\nFeatures\n--------\n\n- TypeScript support\n- Zero dependencies\n- React Native support\n- Keep your state consistant within your callback functions\n\n\n\nInstallation\n------------\n\n```shell\nyarn add urs or npm i -S urs\n```\n\nUsage\n-----\n\n```jsx\nimport useRefState from 'urs'\nimport { useState } from 'react'\n\nconst App = () => {\n const [loadingRef, setLoadingRef] = useRefState(false)\n const [loadingState, setLoadingState] = useState(false)\n \n // DO NOT destructure like this\n const [{ current }] = useRefState()\n \n const onClick = () => {\n setLoadingRef(true)\n console.log('loadingRef.current', loadingRef.current) // gives us `true`\n setLoadingState(true)\n console.log('loadingState', loadingState) // gives us `false`\n }\n\n return (\n \n )\n}\n```\n\nOptions\n-------\n\nThe 2nd argument of `useRefState` determines if you want to be able to update state when a component\nis unmounted. If `true` it will block setState on unmounted components. Useful for the common error `cannot update state on unmounted component`.\n\n```js\nconst [state, setState] = useRefState('same as useState default state', true)\n```\n","readmeFilename":"README.md"}