style(eslint): 'React' is defined but never used no-unused-vars

CTableDeleteLink.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import TableDeleteLink from './TableDeleteLink';
 import curUrl from '@mxjs/cur-url';

Table.js

@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react';
+import { useEffect, useRef } from 'react';
 import ProTable from '@ant-design/pro-table';
 import appendUrl from 'append-url';
 import $ from 'miaoxing';

TableDeleteLink.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import {withTable} from './TableProvider';
 import {DeleteLink} from '@mxjs/a-button';
 
-class TableDeleteLink extends React.Component {
+class TableDeleteLink extends Component {
   static propTypes = {
     table: PropTypes.shape({
       reload: PropTypes.func.isRequired,

TableProvider.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 
 const TableContext = React.createContext({});

__tests__/index.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import Table from '../Table';
 import $ from 'miaoxing';
 import {render, screen, waitForElementToBeRemoved} from '@testing-library/react';

util.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useMemo } from 'react';
 
 class TableStore {
   hooked = false;
@@ -17,7 +17,7 @@ class TableStore {
 }
 
 export const useTable = () => {
-  const table = React.useMemo(() => {
+  const table = useMemo(() => {
     return new TableStore();
   }, []);
   return [table];