From 33496fa50711f31a9c6b08f6e8c6f14ce6fe9b7e Mon Sep 17 00:00:00 2001
From: "yongen.loong" <yongen.loong@aelf.io>
Date: Wed, 21 Aug 2024 19:19:32 +0800
Subject: [PATCH] fix: dynamic import client module to avoid ssr error

---
 components/webcontainer/node-terminal.tsx | 2 ++
 components/workspace/cli.tsx              | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/webcontainer/node-terminal.tsx b/components/webcontainer/node-terminal.tsx
index 3ead809..d487a38 100644
--- a/components/webcontainer/node-terminal.tsx
+++ b/components/webcontainer/node-terminal.tsx
@@ -65,3 +65,5 @@ export function NodeTerminal() {
 
   return <div ref={terminalElRef}></div>;
 }
+
+export default NodeTerminal;
\ No newline at end of file
diff --git a/components/workspace/cli.tsx b/components/workspace/cli.tsx
index 9f199ca..3313d0c 100644
--- a/components/workspace/cli.tsx
+++ b/components/workspace/cli.tsx
@@ -4,8 +4,12 @@ import { useTheme } from "next-themes";
 import { ReactTerminal } from "react-terminal";
 import { useCliCommands } from "./use-cli-commands";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-import { NodeTerminal } from "../webcontainer";
 import { LoadFiles } from "../webcontainer/load-files";
+import dynamic from "next/dynamic";
+
+const NodeTerminal = dynamic(() => import("../webcontainer/node-terminal"), {
+  ssr: false,
+});
 
 export default function Cli() {
   const commands = useCliCommands();