Merge pull request #351 from Renumics/fix/autosizer-types

chore: explictly type autosizer size
Renumics · Nov 10, 2023 · 0b5a010 · 0b5a010
2 parents e98bae7 + 17524e0
commit 0b5a010
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/widgets/DataGrid/DataGrid.tsx b/src/widgets/DataGrid/DataGrid.tsx
@@ -2,7 +2,7 @@ import 'twin.macro';
 import TableIcon from '../../icons/Table';
 import { Widget } from '../types';
 import { useCallback, useMemo, useRef } from 'react';
-import AutoSizer from 'react-virtualized-auto-sizer';
+import AutoSizer, { type Size } from 'react-virtualized-auto-sizer';
 import { VariableSizeGrid as Grid } from 'react-window';
 import { Dataset, Sorting, useDataset } from '../../stores/dataset';
 import { DataColumn, TableView } from '../../types';
@@ -87,7 +87,7 @@ const DataGrid: Widget = () => {
                             <MenuBar />
                             <WidgetContent>
                                 <AutoSizer>
-                                    {({ width, height }) => (
+                                    {({ width, height }: Size) => (
                                         <div tw="bg-white" style={{ width, height }}>
                                             <GridContextMenu>
                                                 <div tw="bg-gray-100 w-full">

diff --git a/src/widgets/Inspector/Inspector.tsx b/src/widgets/Inspector/Inspector.tsx
@@ -1,6 +1,6 @@
 import 'twin.macro';
 import DetailsIcon from '../../icons/ClipboardList';
-import AutoSizer from 'react-virtualized-auto-sizer';
+import AutoSizer, { type Size } from 'react-virtualized-auto-sizer';
 import { Widget } from '../types';
 import useWidgetConfig from '../useWidgetConfig';
 import DetailsGrid, { COLUMN_COUNT_OPTIONS } from './DetailsGrid';
@@ -54,7 +54,7 @@ const Inspector: Widget = () => {
                 <WidgetContent>
                     <DropZone />
                     <AutoSizer>
-                        {({ width, height }) => (
+                        {({ width, height }: Size) => (
                             <DetailsGrid
                                 width={width}
                                 height={height}