@cp949/mui/src/hooks/useSessionStorageState.ts

CP949 MUI React component library

'use client';

// copy from https://github.com/mui/toolpad

import type { UseStorageState } from '../persistence/index.js';
import { useStorageState, useStorageStateServer } from '../persistence/index.js';

/**
 * Sync state to session storage so that it persists through a page refresh. Usage is
 * similar to useState except we pass in a storage key so that we can default
 * to that value on page load instead of the specified initial value.
 *
 * Since the storage API isn't available in server-rendering environments, we
 * return null during SSR and hydration.
 */
const useSessionStorageStateBrowser: UseStorageState = (...args: [any, any, any]) =>
  useStorageState(window.sessionStorage, ...args);

/**
 * @deprecated use useSessionStorage()
 */
export const useSessionStorageState: UseStorageState =
  typeof window === 'undefined' ? useStorageStateServer : useSessionStorageStateBrowser;