import { Stores as StoresInner, type StoresProps } from './Stores';
import { HydratedIsland } from '@/components/HydratedIsland';
import type { DehydratedState } from '@tanstack/react-query';

export type { StoresProps } from './Stores';

export function Stores(props: StoresProps & { dehydratedState?: DehydratedState }) {
  const { dehydratedState, ...rest } = props;
  return (
    <HydratedIsland dehydratedState={dehydratedState}>
      <StoresInner {...rest} />
    </HydratedIsland>
  );
}