Revert "Another reversion"

This reverts commit 3bb574f.

Author: cloutiertyler

sdks/typescript/examples/quickstart-chat/src/main.tsx

@@ -2,9 +2,41 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App.tsx';
+import { Identity } from '@clockworklabs/spacetimedb-sdk';
+import { SpacetimeDBProvider } from '@clockworklabs/spacetimedb-sdk/react';
+import { DbConnection, ErrorContext } from './module_bindings/index.ts';
+
+const onConnect = (conn: DbConnection, identity: Identity, token: string) => {
+  localStorage.setItem('auth_token', token);
+  console.log(
+    'Connected to SpacetimeDB with identity:',
+    identity.toHexString()
+  );
+  conn.reducers.onSendMessage(() => {
+    console.log('Message sent.');
+  });
+};
+
+const onDisconnect = () => {
+  console.log('Disconnected from SpacetimeDB');
+};
+
+const onConnectError = (_ctx: ErrorContext, err: Error) => {
+  console.log('Error connecting to SpacetimeDB:', err);
+};
+
+const connectionBuilder = DbConnection.builder()
+  .withUri('ws://localhost:3000')
+  .withModuleName('quickstart-chat')
+  .withToken(localStorage.getItem('auth_token') || '')
+  .onConnect(onConnect)
+  .onDisconnect(onDisconnect)
+  .onConnectError(onConnectError);
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <SpacetimeDBProvider connectionBuilder={connectionBuilder}>
+      <App />
+    </SpacetimeDBProvider>
   </StrictMode>
 );