From 0aca729737e185233d1f42dad58ecd5307fd2b71 Mon Sep 17 00:00:00 2001
From: Henry <henry_ball@hotmail.co.uk>
Date: Fri, 13 Dec 2024 08:32:21 +0000
Subject: [PATCH] fix: prevent lottie from ssr

---
 apps/web/next.config.js                | 2 +-
 apps/web/src/components/LottieIcon.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index a82d48e1..9a5731b2 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -9,7 +9,7 @@ const config = {
   reactStrictMode: true,
 
   /** 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 */
   eslint: { ignoreDuringBuilds: true },
diff --git a/apps/web/src/components/LottieIcon.tsx b/apps/web/src/components/LottieIcon.tsx
index a89c2e01..a9802b2d 100644
--- a/apps/web/src/components/LottieIcon.tsx
+++ b/apps/web/src/components/LottieIcon.tsx
@@ -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 = {
   isPlaying: boolean;