add ask AI

oauth/src/main.tsx

@@ -10,14 +10,21 @@ import { OAuthEndpointHandler } from './utils/oauth-endpoints'
 // DISABLED: This may interfere with BrowserOAuthClient
 // OAuthEndpointHandler.init()
 
-ReactDOM.createRoot(document.getElementById('comment-atproto')!).render(
-  <React.StrictMode>
-    <BrowserRouter>
-      <Routes>
-        <Route path="/oauth/callback" element={<OAuthCallbackPage />} />
-        <Route path="/list" element={<CardList />} />
-        <Route path="*" element={<App />} />
-      </Routes>
-    </BrowserRouter>
-  </React.StrictMode>,
-)
+// Mount React app to all comment-atproto divs
+const mountPoints = document.querySelectorAll('#comment-atproto');
+console.log(`Found ${mountPoints.length} comment-atproto mount points`);
+
+mountPoints.forEach((mountPoint, index) => {
+  console.log(`Mounting React app to comment-atproto #${index + 1}`);
+  ReactDOM.createRoot(mountPoint as HTMLElement).render(
+    <React.StrictMode>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/oauth/callback" element={<OAuthCallbackPage />} />
+          <Route path="/list" element={<CardList />} />
+          <Route path="*" element={<App />} />
+        </Routes>
+      </BrowserRouter>
+    </React.StrictMode>,
+  );
+});