26 lines
503 B
TypeScript
26 lines
503 B
TypeScript
import { ReactNode, useState } from "react";
|
|
import {
|
|
DehydratedState,
|
|
Hydrate,
|
|
QueryClient,
|
|
QueryClientProvider,
|
|
} from "react-query";
|
|
|
|
const Layout = ({
|
|
children,
|
|
dehydratedState,
|
|
}: {
|
|
children: ReactNode;
|
|
dehydratedState: DehydratedState;
|
|
}) => {
|
|
const [queryClient] = useState(() => new QueryClient());
|
|
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<Hydrate state={dehydratedState}>{children}</Hydrate>
|
|
</QueryClientProvider>
|
|
);
|
|
};
|
|
|
|
export default Layout;
|