Fix window error

mendableai · May 27, 2024 · 8aa624e · 8aa624e
1 parent 0e28688
commit 8aa624e
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "sonner";
 import { Analytics } from "@vercel/analytics/react";
+import { useEffect, useState } from "react";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
@@ -15,6 +16,11 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
   return (
     <html lang="en">
       <body className={inter.className}>{children}</body>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -2,13 +2,19 @@
 import MainComponent from "@/components/main";
 import { useGithubStars } from "./hooks/useGithubStars";
 import GithubButton from "@/components/github-button";
+import { useEffect, useState } from "react";
 
 /**
  * The issue in the original code is that the `allThemes["firecrawl"]` object does not match the expected `Theme` type.
  * To fix this, we need to ensure that the `allThemes["firecrawl"]` object conforms to the `Theme` type.
  */
 
 export default async function Home() {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
   const githubStars = await useGithubStars();
   return (
     <div className="relative">

diff --git a/src/components/data-input.tsx b/src/components/data-input.tsx
@@ -10,6 +10,7 @@ import {
 import { Button } from "./ui/button";
 import { Input } from "./ui/input";
 import { Textarea } from "./ui/textarea";
+import { useEffect, useState } from "react";
 
 type DataInputProps = {
   setChartData: any;
@@ -40,6 +41,11 @@ export default function DataInput({
   pastedCsvData,
   setPastedCsvData,
 }: DataInputProps) {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
   return (
     <div
       className={`${

diff --git a/src/components/menu.tsx b/src/components/menu.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import {
   Select,
   SelectContent,
@@ -97,6 +97,11 @@ export default function Menu({
   openCsv: boolean;
   setOpenCsv: (openCsv: boolean) => void;
 }) {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
   const generateEmbedCode = () => {
     const embedCode = `
       <iframe