From 2e7af8f406c4d107acc553592b5d655250023809 Mon Sep 17 00:00:00 2001 From: remorses Date: Mon, 27 Jan 2025 14:14:05 +0100 Subject: [PATCH] more readme --- README.md | 3 +++ nextjs-app/next.config.js | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4b3f961c..3c9e4206 100644 --- a/README.md +++ b/README.md @@ -44,6 +44,8 @@ export default function App() { } ``` +1. To make sure everything works correctly install React 19 (latest version) and disable React Strict Mode in your app. Strict mode renders your components twice and this can cause issues with Framer animations. + ## Using responsive variants ```tsx @@ -185,6 +187,7 @@ The Responsive component renders your components for each different breakpoint a If you find any errors rendering your components: - Check you have the latest version of `unframer` installed +- If an animation is now working as expected try disabled React strict mode and updating to React 19. - Try downloading new versions of the components by running again `npx unframer {projectId}`, Framer may already have fixed the problem. - Try disabling React strict mode, this can cause many issues in Framer components. - If the export fails because Esbuild cannot find an export from a package (like `No matching export in "/:https://esm.sh/zustand" for import "default"`) you can use the `--external` option to externalie npm packages used by Framer, then install them manually with the right version with `npm install`. diff --git a/nextjs-app/next.config.js b/nextjs-app/next.config.js index bb1a19e6..a03a134e 100644 --- a/nextjs-app/next.config.js +++ b/nextjs-app/next.config.js @@ -1,6 +1,6 @@ /** @type {import('next').NextConfig} */ const nextConfig = { - reactStrictMode: true, + reactStrictMode: false, experimental: { externalDir: true, },