chore: formatted code in getting-started.mdx

GetStream · Jul 25, 2023 · a24755d · a24755d
1 parent 21879ea
commit a24755d
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/docusaurus/docs/React/basics/getting-started.mdx b/docusaurus/docs/React/basics/getting-started.mdx
@@ -200,10 +200,10 @@ const options = { state: true, presence: true, limit: 10 };
 const sort = { last_message_at: -1 };
 
 const App = () => {
-const [client, setClient] = useState(null);
+  const [client, setClient] = useState(null);
 
-useEffect(() => {
-const newClient = new StreamChat('your_api_key');
+  useEffect(() => {
+    const newClient = new StreamChat('your_api_key');
 
     const handleConnectionChange = ({ online = false }) => {
       if (!online) return console.log('connection lost');
@@ -224,23 +224,23 @@ const newClient = new StreamChat('your_api_key');
       newClient.off('connection.changed', handleConnectionChange);
       newClient.disconnectUser().then(() => console.log('connection closed'));
     };
-}, []);
-
-if (!client) return null;
-
-return (
-<Chat client={client}>
-<ChannelList filters={filters} sort={sort} options={options} />
-<Channel>
-<Window>
-<ChannelHeader />
-<MessageList />
-<MessageInput />
-</Window>
-<Thread />
-</Channel>
-</Chat>
-);
+  }, []);
+
+  if (!client) return null;
+
+  return (
+    <Chat client={client}>
+      <ChannelList filters={filters} sort={sort} options={options} />
+      <Channel>
+        <Window>
+          <ChannelHeader />
+          <MessageList />
+          <MessageInput />
+        </Window>
+        <Thread />
+      </Channel>
+    </Chat>
+  );
 };
 
 export default App;