fix: do not use React global type

zakodium-oss · Jul 29, 2024 · 1566417 · 1566417
1 parent 846af74
commit 1566417
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 7 deletions.
diff --git a/src/app/panels/measurements/measurementPanelContext.tsx b/src/app/panels/measurements/measurementPanelContext.tsx
@@ -1,5 +1,5 @@
 import { Panel } from '@blueprintjs/core';
-import { createContext, useContext } from 'react';
+import { createContext, type ReactNode, useContext } from 'react';
 
 export interface MeasurementState {
   openPanel?: (panel: Panel<object>) => void;
@@ -21,7 +21,7 @@ export function MeasurementPanelProvider({
   children,
   value,
 }: {
-  children: React.ReactNode;
+  children: ReactNode;
   value: MeasurementState;
 }) {
   return (

diff --git a/src/components/table/Table.tsx b/src/components/table/Table.tsx
@@ -2,6 +2,7 @@
 import { HTMLTable } from '@blueprintjs/core';
 import {
   Children,
+  HTMLAttributes,
   isValidElement,
   ReactElement,
   ReactNode,
@@ -28,7 +29,7 @@ function splitChildren(children: ReactNode) {
   }
   return { Rows, Header };
 }
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
   children?: ReactNode;
   bordered?: boolean;
   compact?: boolean;

diff --git a/src/components/table/TableHeader.tsx b/src/components/table/TableHeader.tsx
@@ -1,7 +1,9 @@
+import { CSSProperties } from 'react';
+
 import type { TableProps } from './Table';
 import { TableRow } from './TableRow';
 
-const headerStyle: React.CSSProperties = {
+const headerStyle: CSSProperties = {
   position: 'sticky',
   top: 0,
   zIndex: 10,

diff --git a/src/components/toolbar/PanelPreferencesToolbar.tsx b/src/components/toolbar/PanelPreferencesToolbar.tsx
@@ -1,10 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
+import type { ReactNode } from 'react';
 
 import { Toolbar } from './Toolbar';
 
 interface PanelPreferencesToolbarProps {
-  title?: React.ReactNode;
+  title?: ReactNode;
   onClose?: () => void;
   onSave?: () => void;
 }

diff --git a/stories/components/table.stories.tsx b/stories/components/table.stories.tsx
@@ -1,4 +1,4 @@
-import { ComponentType } from 'react';
+import { ComponentType, HTMLAttributes } from 'react';
 
 import { Table, ValueRenderers } from '../../src/components/index';
 import data from '../data/table.json';
@@ -7,7 +7,7 @@ interface TableStoryProps {
   border: boolean;
 }
 
-interface ControlProps extends React.HTMLAttributes<HTMLTableElement> {
+interface ControlProps extends HTMLAttributes<HTMLTableElement> {
   bordered?: boolean;
   compact?: boolean;
   interactive?: boolean;