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

47 lines
1.0 KiB
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'
import Providers from './query-provider'
import Search from './search'
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>
{/* <header> */}
{/* <Search /> */}
{/* </header> */}
<body>
{/* can add a theme */}
{/* <QueryClientProvider client={queryClient}> */}
<Providers>
<MantineProvider>{children}</MantineProvider>
</Providers>
{/* </QueryClientProvider> */}
</body>
</html>
)
}