point-of-sales/pos-frontend/app/layout.tsx

40 lines
863 B
TypeScript

"use client"
import '@mantine/core/styles.css'
import {
hydrate,
QueryClient,
QueryClientProvider,
} from '@tanstack/react-query'
import { ColorSchemeScript, MantineProvider } from '@mantine/core'
import { useState } from 'react'
// export const metadata = {
// title: 'My Mantine app',
// description: 'I have followed setup instructions carefully',
// }
// const queryClient = new QueryClient()
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
const [queryClient] = useState(() => new QueryClient())
return (
<html lang="en">
<head>
<ColorSchemeScript />
</head>
<body>
{/* can add a theme */}
<QueryClientProvider client={queryClient}>
<MantineProvider>{children}</MantineProvider>
</QueryClientProvider>
</body>
</html>
)
}