Direct frame collection aggregations for expanded sample view

app/packages/app/src/index.tsx

@@ -1,7 +1,7 @@
 import { ErrorBoundary, ThemeProvider } from "@fiftyone/components";
 import { BeforeScreenshotContext, screenshotCallbacks } from "@fiftyone/state";
 import { SnackbarProvider } from "notistack";
-import type React from "react";
+import React from "react";
 import { createRoot } from "react-dom/client";
 import { RecoilRoot } from "recoil";
 import Network from "./Network";
@@ -14,6 +14,7 @@ const App: React.FC = () => {
   return <Network environment={environment} context={context} />;
 };
 
+
 createRoot(document.getElementById("root") as HTMLDivElement).render(
   <RecoilRoot>
     <ThemeProvider>

app/packages/components/src/components/ErrorBoundary/ErrorBoundary.tsx

@@ -1,3 +1,4 @@
+import { useTrackEvent } from "@fiftyone/analytics";
 import { useClearModal } from "@fiftyone/state";
 import {
   GraphQLError,
@@ -18,7 +19,6 @@ import { scrollable } from "../../scrollable.module.css";
 import CodeBlock from "../CodeBlock";
 import Loading from "../Loading";
 import style from "./ErrorBoundary.module.css";
-import { useTrackEvent } from "@fiftyone/analytics";
 
 type AppError = GraphQLError | NetworkError | NotFoundError | ServerError;
 
@@ -34,7 +34,8 @@ const Errors = (onReset?: () => void, disableReset?: boolean) => {
     const clearModal = useClearModal();
     useLayoutEffect(() => {
       clearModal();
-    }, []);
+      document.getElementById("modal")?.classList.remove("modalon");
+    }, [clearModal]);
 
     if (error instanceof NotFoundError) {
       return <Loading>{error.message}</Loading>;