other tmp work

app/packages/core/src/components/Grid/Grid.tsx

@@ -125,12 +125,11 @@ function Grid() {
 
     element && spotlight.attach(element);
     spotlight.addEventListener("load", mount);
-    spotlight.addEventListener("rowchange", set);
 
     return () => {
       freeVideos();
       spotlight.removeEventListener("load", mount);
-      spotlight.removeEventListener("rowchange", set);
+
       spotlight.destroy();
       document.dispatchEvent(new CustomEvent("grid-unmount"));
     };

app/packages/core/src/components/Grid/useAt.ts

@@ -53,6 +53,7 @@ export default function useAt(pageReset: string) {
   const set = useRecoilTransaction_UNSTABLE(
     ({ set }) =>
       ({ at, page, offset }: { at: ID; page: number; offset: number }) => {
+        console.log("SCROLL");
         set(gridPage, page);
         set(gridAt, at.description);
         set(gridOffset, offset);

app/packages/core/src/components/Grid/useSelect.ts

@@ -13,18 +13,6 @@ export default function useSelect(
   const { init, deferred } = fos.useDeferrer();
 
   const selected = useRecoilValue(fos.selectedSamples);
-  useEffect(() => {
-    deferred(() => {
-      const fontSize = getFontSize();
-      spotlight?.updateItems((id) => {
-        store.get(id)?.updateOptions({
-          ...options,
-          fontSize,
-          selected: selected.has(id.description),
-        });
-      });
-    });
-  }, [deferred, getFontSize, options, selected, spotlight, store]);
 
   useEffect(() => {
     return spotlight ? init() : undefined;

app/packages/core/src/components/Modal/Modal.tsx

@@ -7,11 +7,11 @@ import { useRecoilCallback, useRecoilValue } from "recoil";
 import styled from "styled-components";
 import { ModalActionsRow } from "../Actions";
 import Sidebar from "../Sidebar";
-import { useLookerHelpers } from "./hooks";
-import { modalContext } from "./modal-context";
 import ModalNavigation from "./ModalNavigation";
 import { ModalSpace } from "./ModalSpace";
 import { TooltipInfo } from "./TooltipInfo";
+import { useLookerHelpers } from "./hooks";
+import { modalContext } from "./modal-context";
 import { useModalSidebarRenderEntry } from "./use-sidebar-render-entry";
 
 const ModalWrapper = styled.div`

app/packages/core/src/plugins/samples.tsx

@@ -20,6 +20,7 @@ registerComponent({
   name: "Samples",
   label: "Samples",
   component: () => {
+    console.log("RENDER");
     return (
       <Container>
         <Grid key={"grid"} />

app/packages/looker/src/lookers/abstract.ts

@@ -536,10 +536,9 @@ export abstract class AbstractLooker<
 
   destroy() {
     this.resizeObserver.disconnect();
-    this.lookerElement.element.parentElement &&
-      this.lookerElement.element.parentElement.removeChild(
-        this.lookerElement.element
-      );
+    this.lookerElement.element.parentElement.removeChild(
+      this.lookerElement.element
+    );
     this.updater({ destroyed: true });
   }
   disable() {

app/packages/state/src/hooks/useSetExpandedSample.ts

@@ -34,7 +34,7 @@ export default () => {
     []
   );
 
-  const commit = useRecoilCallback(
+  return useRecoilCallback(
     ({ set }) =>
       async (selector: ModalSelector) => {
         set(modalSelector, selector);