Optimize framer motion

approvers · Jan 2, 2024 · 579947c · 579947c
1 parent a6c6bde
commit 579947c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -1,13 +1,16 @@
 "use client";
 
+import { LazyMotion, domAnimation } from "framer-motion";
 import { ChakraProvider } from "@chakra-ui/react";
 import { theme } from "./lib/theme";
 import { yearContext } from "./lib/year-context";
 
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
     <yearContext.Provider value={new Date().getFullYear()}>
-      <ChakraProvider theme={theme}>{children}</ChakraProvider>
+      <LazyMotion features={domAnimation}>
+        <ChakraProvider theme={theme}>{children}</ChakraProvider>
+      </LazyMotion>
     </yearContext.Provider>
   );
 }