docs(changeset): Eslint, fixes on container rendering

src/Gridler/components/Computer.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import { CompactSelection } from '@glideapps/glide-data-grid';
 import React, { useEffect, useRef } from 'react';
 
@@ -7,7 +6,7 @@ import { useGridlerStore } from './GridlerStore';
 //The computer component does not need to be recalculated on every render, so we use React.memo to prevent unnecessary re-renders.
 export const Computer = React.memo(() => {
   const refFirstRun = useRef(0);
-  const refLastFilters = useRef<any>(null);
+  const refLastFilters = useRef<unknown>(null);
   const {
     _glideref,
     _gridSelectionRows,
@@ -19,6 +18,7 @@ export const Computer = React.memo(() => {
     columns,
     getState,
     loadPage,
+    ready,
 
     setState,
     setStateFN,
@@ -34,6 +34,7 @@ export const Computer = React.memo(() => {
     columns: s.columns,
     getState: s.getState,
     loadPage: s.loadPage,
+    ready: s.ready,
 
     setState: s.setState,
     setStateFN: s.setStateFN,
@@ -47,7 +48,7 @@ export const Computer = React.memo(() => {
       const pageSize = getState('pageSize');
       const keyField = getState('keyField') ?? 'id';
       const rowIndexes = [];
-      for (const vi in values as Array<any>) {
+      for (const vi in values as Array<Record<string, unknown>>) {
         let rowIndex = -1;
         const key = String(
           typeof values?.[vi] === 'object'
@@ -232,7 +233,7 @@ export const Computer = React.memo(() => {
     }
     refFirstRun.current = 1;
     loadPage(0);
-  }, [_glideref]);
+  }, [ready, loadPage]);
 
   // console.log('Gridler:Debug:Computer', {
   //   colFilters,
@@ -245,3 +246,5 @@ export const Computer = React.memo(() => {
 
   return <></>;
 });
+
+Computer.displayName = 'Gridler-Computer';