Hook_state_params NPM

Custom hook state params

use params with synced state, you can easily create state and store it even user refresh page or share page with other users. it could be useful for filters and sort in your application.

Notice

this package require react >=16.8

Usage/Examples

import useSyncParamsWithState from 'hook_state_params';

function App() {
  const [hookState, setHookState] = useSyncParamsWithState(
    { name: 'apple', id: 2 },
    {
      id: {
        type: 'number',
        enableParams: true,
        validParams: [1, 2, 3, 5, 6, 7, 8],
      },
      name: { type: 'string', enableParams: true },
    }
  );

  return <Component />;
}