From 98c1248a03a7466a38f6db89d81cf1ffc907437e Mon Sep 17 00:00:00 2001 From: johnlindquist Date: Sat, 28 Dec 2024 08:55:05 -0700 Subject: [PATCH] refactor(index): dynamically import Lottie component to improve SSR compatibility --- apps/scriptkit/src/pages/index.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/apps/scriptkit/src/pages/index.tsx b/apps/scriptkit/src/pages/index.tsx index c0ae4da..5c7c8cf 100644 --- a/apps/scriptkit/src/pages/index.tsx +++ b/apps/scriptkit/src/pages/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' import {FunctionComponent} from 'react' -import Lottie from 'react-lottie-player' +import dynamic from 'next/dynamic' import Link from 'next/link' import {useRouter} from 'next/router' import {readFileSync} from 'fs' @@ -29,6 +29,10 @@ import SubscribeToConvertkitForm from 'components/subscribe-to-convertkit-form' import {Favicon} from 'components/logo' import Image from 'next/image' +const Lottie = dynamic(() => import('react-lottie-player'), { + ssr: false, +}) + export type Release = { name: string browser_download_url: string