add use client to client side components

sotopia-lab · Nov 22, 2024 · e0d8b66 · e0d8b66
1 parent aba978f
commit e0d8b66
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 0 deletions.
diff --git a/examples/experimental/interview_frontend/src/components/Browser/Browser.tsx b/examples/experimental/interview_frontend/src/components/Browser/Browser.tsx
@@ -18,6 +18,8 @@
  * Date: [Date]
  */
 
+'use client';
+
 import React, { useState } from 'react';
 import './Browser.css'; // Import the CSS file
 

diff --git a/examples/experimental/interview_frontend/src/components/ChatInterface/ChatInterface.tsx b/examples/experimental/interview_frontend/src/components/ChatInterface/ChatInterface.tsx
@@ -18,6 +18,8 @@
  *
  */
 
+'use client';
+
 import './ChatInterface.css';
 import React, { ReactNode, useState, useEffect } from 'react';
 import { Socket } from 'socket.io-client'; // Import the Socket type

diff --git a/examples/experimental/interview_frontend/src/components/CodeEditor/CodeEditor.tsx b/examples/experimental/interview_frontend/src/components/CodeEditor/CodeEditor.tsx
@@ -21,6 +21,8 @@
  *
  */
 
+'use client';
+
 import React from 'react';
 import CodeMirror from '@uiw/react-codemirror';
 import { javascript } from '@codemirror/lang-javascript';

diff --git a/examples/experimental/interview_frontend/src/components/CodeEditor/FileSystem.tsx b/examples/experimental/interview_frontend/src/components/CodeEditor/FileSystem.tsx
@@ -18,6 +18,8 @@
  *
  */
 
+'use client';
+
 import React, { useState } from 'react';
 import { ChevronRight, ChevronDown, File } from 'lucide-react';
 import {

diff --git a/examples/experimental/interview_frontend/src/components/Sidebar/SceneContext.tsx b/examples/experimental/interview_frontend/src/components/Sidebar/SceneContext.tsx
@@ -15,6 +15,8 @@
  *
  */
 
+'use client';
+
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import './SceneContext.css';

diff --git a/examples/experimental/interview_frontend/src/components/Sidebar/Sidebar.tsx b/examples/experimental/interview_frontend/src/components/Sidebar/Sidebar.tsx
@@ -14,6 +14,8 @@
  *
  */
 
+'use client';
+
 import React from 'react';
 import { FaCogs, FaFolderOpen } from 'react-icons/fa'; // Import the file icon
 import './Sidebar.css';

diff --git a/examples/experimental/interview_frontend/src/components/Terminal/Terminal.tsx b/examples/experimental/interview_frontend/src/components/Terminal/Terminal.tsx
@@ -17,6 +17,8 @@
  *
  */
 
+'use client';
+
 import React, { useState, useRef, useEffect } from 'react';
 import { Socket } from 'socket.io-client';
 import './Terminal.css';