SSR friendly version of useLocalStorage hook. you can also use this in a library https://github.com/astoilkov/use-local-storage-state

useLocalStorage.js

// usage
function Comp() {
  const [language, setLanguage] = useLocalStorage('mykey', 'typescript')
}

// definition
function useLocalStorage(key, initialValue) {
  const [storedValue, setStoredValue] = React.useState(initialValue);
  React.useEffect(() => {
    // Get from local storage by key
    const item = typeof window !== 'undefined' ? window.localStorage.getItem(key) : false
    // Parse stored json or if none return initialValue
    if (item) setStoredValue(JSON.parse(item))
  }, [setStoredValue])
  // Return a wrapped version of useState's setter function that ...
  // ... persists the new value to localStorage.
  const setValue = (value) => {
    setStoredValue(value);
    window.localStorage.setItem(key, JSON.stringify(value));
  };
  return [storedValue, setValue];
}