fix(.storybook/preview): disable framer-motion during chromatic

Author: TylerAPfledderer

.storybook/preview.ts

@@ -1,11 +1,15 @@
 import { extendBaseTheme } from "@chakra-ui/react"
 import type { Preview } from "@storybook/react"
+import isChromatic from "chromatic/isChromatic"
 
 import theme from "../src/@chakra-ui/theme"
 
 import i18n, { baseLocales } from "./i18next"
 
 import "../src/styles/global.css"
+import { MotionGlobalConfig } from "framer-motion"
+
+MotionGlobalConfig.skipAnimations = isChromatic()
 
 const extendedTheme = extendBaseTheme(theme)
 

tsconfig.json

@@ -20,6 +20,6 @@
       "@/public/*": ["./public/*"]
     }
   },
-  "include": ["./src/**/*", "next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["./src/**/*", "next-env.d.ts", "**/*.ts", "**/*.tsx", ".storybook/**/*"],
   "exclude": ["node_modules", "./public", "./src/intl"]
 }