@_use/persistedstate v0.1.0

usePersistedState

A custom hook that persists a state even after refreshing the page. It returns two values just like the standard useState, but has one more argument needed.

• Returns: state : any setState : Dispatch<SetStateAction<any>>

• Argument key: string initialState: any

Install

npm i @_use/persistedstate

Usage

import usePersistedState from '@_use/persistedstate'

const InputPersisted = () => {

   const [ state, setState ] = usePersistedState('state', '')

  return (<>
    <input 
      value={state}
      onClick={e => setState(e.target.value)}  
    />
     
  </>)
}

export default InputPersisted

Type

if you need usePersistedState type, import inside UsePersistedState braces with first letter capitalized.

import usePersistedState, { UsePersistedState } from '@_use/persistedstate'

type UsePersistedState = <T>(key:string, initialState: T) => [
  T,
  Dispatch<SetStateAction<T>>
]