Osciloscope integrated but video exported is broken

src/App.tsx

@@ -30,6 +30,7 @@ const Pacman = lazy(() => import("./pages/Pacman"));
 const Snake = lazy(() => import("./pages/Snake"));
 const Breakout = lazy(() => import("./pages/Breakout"));
 const Music = lazy(() => import("./pages/Music"));
+const Oscilloscope = lazy(() => import("./pages/Oscilloscope"));
 const AIChat = lazy(() => import("./pages/AIChat"));
 const Achievements = lazy(() => import("./pages/Achievements"));
 const Credits = lazy(() => import("./pages/Credits"));
@@ -125,6 +126,7 @@ const AppContent = () => {
           <Route path="games/breakout" element={<Breakout />} />
           <Route path="faq" element={<FAQ />} />
           <Route path="music" element={<Music />} />
+          <Route path="oscilloscope" element={<Oscilloscope />} />
           <Route path="ai" element={<AIChat />} />
           <Route path="achievements" element={<Achievements />} />
           <Route path="credits" element={<Credits />} />