cha0s/persea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: SF squad never knows best

Browse Source
This commit is contained in:
cha0s 2022-03-20 03:14:56 -05:00
parent 097c9328ec
commit 842244e289
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/core/src/hooks/use-local-storage.js
View File

@ -3,13 +3,15 @@ import {
useState, useState,
} from '@flecks/react'; } from '@flecks/react';
const useBrowserLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : () => {};
const useLocalStorage = (key, defaultValue) => { const useLocalStorage = (key, defaultValue) => {
const [value, setValue] = useState(defaultValue); const [value, setValue] = useState(defaultValue);
useLayoutEffect(() => { useBrowserLayoutEffect(() => {
setValue(JSON.parse(window.localStorage.getItem(key) || JSON.stringify(defaultValue))); setValue(JSON.parse(window.localStorage.getItem(key) || JSON.stringify(defaultValue)));
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [key]); }, [key]);
useLayoutEffect(() => { useBrowserLayoutEffect(() => {
window.localStorage.setItem(key, JSON.stringify(value)); window.localStorage.setItem(key, JSON.stringify(value));
}, [key, value]); }, [key, value]);
return [value, setValue]; return [value, setValue];