clash-verge-rev/src/hooks/use-connection-setting.ts

import { useLocalStorage } from 'foxact/use-local-storage'

const defaultConnectionSetting: IConnectionSetting = { layout: 'table' }

export const useConnectionSetting = () =>
  useLocalStorage<IConnectionSetting>(
    'connections-setting',
    defaultConnectionSetting,
    {
      serializer: JSON.stringify,
      deserializer: JSON.parse,
    },
  )