shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent lottie from ssr

Browse Source
This commit is contained in:
Henry
2024-12-13 08:32:21 +00:00
parent 4e0ab2d00f
commit 0aca729737
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/next.config.js
View File

@@ -9,7 +9,7 @@ const config = {
reactStrictMode: true, reactStrictMode: true,
/** Enables hot reloading for local packages without a build step */ /** Enables hot reloading for local packages without a build step */
transpilePackages: ["@kan/api", "@kan/db"], transpilePackages: ["@kan/api", "@kan/db", "@kan/utils"],
/** We already do linting and typechecking as separate tasks in CI */ /** We already do linting and typechecking as separate tasks in CI */
eslint: { ignoreDuringBuilds: true }, eslint: { ignoreDuringBuilds: true },

4
apps/web/src/components/LottieIcon.tsx
View File

@@ -1,4 +1,6 @@
import Lottie from "react-lottie-player"; import dynamic from "next/dynamic";
const Lottie = dynamic(() => import("react-lottie-player"), { ssr: false });
type IconProps = { type IconProps = {
isPlaying: boolean; isPlaying: boolean;