mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
63be0f0ff3
Update project dependencies to React 19 and Next.js 15, including TypeScript type adjustments and async parameter handling across multiple components
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
'use client'
|
|
import '../styles/globals.css'
|
|
import StyledComponentsRegistry from '../components/Utils/libs/styled-registry'
|
|
import { motion } from 'framer-motion'
|
|
import { SessionProvider } from 'next-auth/react'
|
|
import LHSessionProvider from '@components/Contexts/LHSessionContext'
|
|
import { isDevEnv } from './auth/options'
|
|
import Script from 'next/script'
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
const variants = {
|
|
hidden: { opacity: 0, x: 0, y: 0 },
|
|
enter: { opacity: 1, x: 0, y: 0 },
|
|
exit: { opacity: 0, x: 0, y: 0 },
|
|
}
|
|
return (
|
|
<html className="" lang="en">
|
|
<head />
|
|
<body>
|
|
{isDevEnv ? '' : <Script data-website-id="a1af6d7a-9286-4a1f-8385-ddad2a29fcbb" src="/umami/script.js" />}
|
|
<SessionProvider>
|
|
<LHSessionProvider>
|
|
<StyledComponentsRegistry>
|
|
<motion.main
|
|
variants={variants} // Pass the variant object into Framer Motion
|
|
initial="hidden" // Set the initial state to variants.hidden
|
|
animate="enter" // Animated state to variants.enter
|
|
exit="exit" // Exit state (used later) to variants.exit
|
|
transition={{ type: 'linear' }} // Set the transition to linear
|
|
>
|
|
{children}
|
|
</motion.main>
|
|
</StyledComponentsRegistry>
|
|
</LHSessionProvider>
|
|
</SessionProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|