From d4159e9f7228675e852bd65163f13f334c2480a0 Mon Sep 17 00:00:00 2001
From: MikuroXina <ryosukadnak@gmail.com>
Date: Tue, 2 Jan 2024 12:05:27 +0900
Subject: [PATCH] Optimize framer motion

---
 src/app/providers.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 07a86fb2..87d2b105 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,5 +1,6 @@
 "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";
@@ -7,7 +8,9 @@ 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>
   );
 }