fix(datatable): remove react from import Closes #1462

packages/geoview-core/src/core/components/data-table/data-panel.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useTheme } from '@mui/material/styles';
 import { Projection } from 'ol/proj';
 import { useTranslation } from 'react-i18next';

packages/geoview-core/src/core/components/data-table/data-table-grid.tsx

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { GridProps, useTheme } from '@mui/material';
+import { ReactNode } from 'react';
+import { GridProps } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
 import { Grid } from '@/ui';
 
 interface DataTableGridProps extends GridProps {

packages/geoview-core/src/core/components/data-table/data-table.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
   MaterialReactTable,

packages/geoview-core/src/core/components/data-table/export-button.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from 'react';
+import { ReactElement, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ExportToCsv } from 'export-to-csv';
 import { type MRT_ColumnDef as MRTColumnDef } from 'material-react-table';
@@ -22,7 +22,7 @@ interface ExportButtonProps {
  */
 function ExportButton({ rows, columns, children }: ExportButtonProps): JSX.Element {
   const { t } = useTranslation<string>();
-  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
+  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
   const open = Boolean(anchorEl);
 
   /**

packages/geoview-core/src/core/components/data-table/filter-map.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Switch, useTheme } from '@mui/material';
+import { Switch } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
 import { Tooltip } from '@/ui';
 import { getSxClasses } from './data-table-style';
 import {

packages/geoview-core/src/core/components/data-table/json-export-button.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { toLonLat, Projection } from 'ol/proj';
 import { Geometry, Point, Polygon, LineString, MultiPoint } from 'ol/geom';

packages/geoview-core/src/core/components/data-table/map-data-table.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState, memo, ReactNode } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState, memo, ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import debounce from 'lodash/debounce';
 import startCase from 'lodash/startCase';
@@ -26,7 +26,8 @@ import {
 } from 'material-react-table';
 import { Projection } from 'ol/proj';
 import { Extent } from 'ol/extent';
-import { darken, useTheme } from '@mui/material';
+import { darken } from '@mui/material';
+import { useTheme } from '@mui/material/styles';
 import { difference } from 'lodash';
 import { getUid } from 'ol/util';
 import { Box, Button, IconButton, Tooltip, ZoomInSearchIcon } from '@/ui';