app/layout.tsx

@@ -1,5 +1,4 @@
 // @auto-i18n-check. Please do not delete the line.
-import { MotionProvider } from "@/components/motion/motion-provider";
 import getEnv from "@/lib/env-entry";
 import { cn } from "@/lib/utils";
 import "@/styles/globals.css";
@@ -65,7 +64,6 @@ export default async function LocaleLayout({
           fontSans.variable,
         )}
       >
-        <MotionProvider>
         <ThemeProvider
           attribute="class"
           defaultTheme="system"
@@ -76,7 +74,6 @@ export default async function LocaleLayout({
             {children}
           </NextIntlClientProvider>
         </ThemeProvider>
-        </MotionProvider>
       </body>
     </html>
   );

components/Switch.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "@/lib/utils";
-import { m } from "framer-motion";
+import { motion } from "framer-motion";
 import { useTranslations } from "next-intl";
 import React, { createRef, useEffect, useRef } from "react";
 
@@ -74,7 +74,7 @@ export default function Switch({
             )}
           >
             {nowTag === tag && (
-              <m.div
+              <motion.div
                 layoutId="nav-item"
                 className="absolute inset-0 z-10 h-full w-full content-center bg-white shadow-lg shadow-black/5 dark:bg-stone-700 dark:shadow-white/5"
                 style={{

components/TabSwitch.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "@/lib/utils";
-import { m } from "framer-motion";
+import { motion } from "framer-motion";
 import { useTranslations } from "next-intl";
 import React from "react";
 
@@ -30,7 +30,7 @@ export default function TabSwitch({
             )}
           >
             {currentTab === tab && (
-              <m.div
+              <motion.div
                 layoutId="tab-switch"
                 className="absolute inset-0 z-10 h-full w-full content-center bg-white shadow-lg shadow-black/5 dark:bg-stone-700 dark:shadow-white/5"
                 style={{

components/motion/framer-lazy-feature.ts

@@ -1 +0,0 @@
-export { domMax as default } from "framer-motion";

components/motion/motion-provider.tsx

@@ -1,14 +0,0 @@
-"use client";
-
-import { LazyMotion } from "framer-motion";
-
-const loadFeatures = () =>
-  import("./framer-lazy-feature").then((res) => res.default);
-
-export const MotionProvider = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <LazyMotion features={loadFeatures} strict key="framer">
-      {children}
-    </LazyMotion>
-  );
-};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nezha-dash",
-  "version": "1.2.7",
+  "version": "1.2.6",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3020",
@@ -32,7 +32,7 @@
     "framer-motion": "^12.0.0-alpha.1",
     "lucide-react": "^0.454.0",
     "luxon": "^3.5.0",
-    "next": "^15.0.3",
+    "next": "^15.0.2",
     "next-auth": "^5.0.0-beta.25",
     "next-intl": "^3.24.0",
     "next-runtime-env": "^3.2.2",