switch to use exInterlop (#7853)

web-console/src/bootstrap/react-table-custom-pagination.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, HTMLSelect } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import './react-table-custom-pagination.scss';
 

web-console/src/bootstrap/react-table-defaults.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { Filter, ReactTableDefaults } from 'react-table';
 
 import { Loader } from '../components/loader/loader';

web-console/src/components/action-cell/action-cell.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ActionCell } from './action-cell';

web-console/src/components/action-cell/action-cell.tsx

@@ -18,7 +18,7 @@
 
 import { Popover, Position } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as React from 'react';
+import React from 'react';
 
 import { BasicAction, basicActionsToMenu } from '../../utils/basic-action';
 import { ActionIcon } from '../action-icon/action-icon';

web-console/src/components/action-icon/action-icon.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { IconNames } from '@blueprintjs/icons';
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ActionIcon } from './action-icon';

web-console/src/components/action-icon/action-icon.tsx

@@ -18,7 +18,7 @@
 
 import { Icon, IconName } from '@blueprintjs/core';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import './action-icon.scss';
 

web-console/src/components/array-input/array-input.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ArrayInput } from './array-input';

web-console/src/components/array-input/array-input.tsx

@@ -17,7 +17,7 @@
  */
 
 import { ITagInputProps, TextArea } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 export interface ArrayInputProps {
   className?: string;

web-console/src/components/auto-form/auto-form.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { AutoForm } from './auto-form';

web-console/src/components/auto-form/auto-form.tsx

@@ -29,7 +29,7 @@ import {
   Position
 } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as React from 'react';
+import React from 'react';
 
 import { deepDelete, deepGet, deepSet } from '../../utils/object-change';
 import { ArrayInput } from '../array-input/array-input';

web-console/src/components/center-message/center-message.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { CenterMessage } from './center-message';

web-console/src/components/center-message/center-message.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 
 import './center-message.scss';
 

web-console/src/components/clearable-input/clearable-input.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ClearableInput } from './clearable-input';

web-console/src/components/clearable-input/clearable-input.tsx

@@ -19,7 +19,7 @@
 import { Button, InputGroup } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 export interface ClearableInputProps extends React.Props<any> {
   className?: string;

web-console/src/components/external-link/external-link.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ExternalLink } from './external-link';

web-console/src/components/external-link/external-link.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 
 export interface ExternalLinkProps extends React.Props<any> {
   href: string;

web-console/src/components/header-bar/header-bar.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { HeaderBar } from './header-bar';
 

web-console/src/components/header-bar/header-bar.tsx

@@ -31,7 +31,7 @@ import {
 } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import { AboutDialog } from '../../dialogs/about-dialog/about-dialog';
 import { CoordinatorDynamicConfigDialog } from '../../dialogs/coordinator-dynamic-config/coordinator-dynamic-config';

web-console/src/components/json-collapse/json-collapse.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { JSONCollapse } from './json-collapse';

web-console/src/components/json-collapse/json-collapse.tsx

@@ -18,7 +18,7 @@
 
 import { Button, Collapse, TextArea } from '@blueprintjs/core';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 interface JSONCollapseProps extends React.Props<any> {
   stringValue: string;

web-console/src/components/json-input/json-input.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { JSONInput } from './json-input';

web-console/src/components/json-input/json-input.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import AceEditor from 'react-ace';
 
 import { parseStringToJSON, stringifyJSON, validJson } from '../../utils';

web-console/src/components/loader/loader.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { Loader } from './loader';

web-console/src/components/loader/loader.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 
 import './loader.scss';
 

web-console/src/components/menu-checkbox/menu-checkbox.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { MenuCheckbox } from './menu-checkbox';

web-console/src/components/menu-checkbox/menu-checkbox.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Checkbox, ICheckboxProps } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import './menu-checkbox.scss';
 

web-console/src/components/rule-editor/rule-editor.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { Rule, RuleEditor } from './rule-editor';

web-console/src/components/rule-editor/rule-editor.tsx

@@ -19,7 +19,7 @@
 import { Button, Card, Collapse, ControlGroup, FormGroup, HTMLSelect, InputGroup, NumericInput, TagInput } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 
 import './rule-editor.scss';
 

web-console/src/components/show-json/show-json.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ShowJson } from './show-json';

web-console/src/components/show-json/show-json.tsx

@@ -18,8 +18,8 @@
 
 import { Button, ButtonGroup, InputGroup, Intent, TextArea } from '@blueprintjs/core';
 import axios from 'axios';
-import * as copy from 'copy-to-clipboard';
-import * as React from 'react';
+import copy from 'copy-to-clipboard';
+import React from 'react';
 
 import { AppToaster } from '../../singletons/toaster';
 import { UrlBaser } from '../../singletons/url-baser';

web-console/src/components/show-log/show-log.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ShowLog } from './show-log';

web-console/src/components/show-log/show-log.tsx

@@ -18,8 +18,8 @@
 
 import { Button, ButtonGroup, Checkbox, InputGroup, Intent, TextArea } from '@blueprintjs/core';
 import axios from 'axios';
-import * as copy from 'copy-to-clipboard';
-import * as React from 'react';
+import copy from 'copy-to-clipboard';
+import React from 'react';
 
 import { AppToaster } from '../../singletons/toaster';
 import { UrlBaser } from '../../singletons/url-baser';

web-console/src/components/sql-control/sql-control.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { SqlControl } from './sql-control';

web-console/src/components/sql-control/sql-control.tsx

@@ -28,15 +28,15 @@ import {
 import { Hotkey, Hotkeys, HotkeysTarget } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as ace from 'brace';
+import ace from 'brace';
 import 'brace/ext/language_tools';
 import 'brace/mode/hjson';
 import 'brace/mode/sql';
 import 'brace/theme/solarized_dark';
-import * as Hjson from 'hjson';
-import * as React from 'react';
+import Hjson from 'hjson';
+import React from 'react';
 import AceEditor from 'react-ace';
-import * as ReactDOMServer from 'react-dom/server';
+import ReactDOMServer from 'react-dom/server';
 
 import { SQLFunctionDoc } from '../../../lib/sql-function-doc';
 import { AppToaster } from '../../singletons/toaster';

web-console/src/components/table-cell/table-cell.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { TableCell } from './table-cell';

web-console/src/components/table-cell/table-cell.tsx

@@ -19,8 +19,8 @@
 
 import { Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as copy from 'copy-to-clipboard';
-import * as React from 'react';
+import copy from 'copy-to-clipboard';
+import React from 'react';
 
 import { AppToaster } from '../../singletons/toaster';
 import { ActionIcon } from '../action-icon/action-icon';

web-console/src/components/table-column-selector/table-column-selector.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { TableColumnSelector } from './table-column-selector';

web-console/src/components/table-column-selector/table-column-selector.tsx

@@ -18,7 +18,7 @@
 
 import { Button, Checkbox, FormGroup, Menu, Popover, Position } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as React from 'react';
+import React from 'react';
 
 import { MenuCheckbox } from '../menu-checkbox/menu-checkbox';
 

web-console/src/components/view-control-bar/view-control-bar.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { ViewControlBar } from './view-control-bar';

web-console/src/components/view-control-bar/view-control-bar.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 
 import './view-control-bar.scss';
 

web-console/src/console-application.tsx

@@ -19,8 +19,8 @@
 import { Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as classNames from 'classnames';
-import * as React from 'react';
+import classNames from 'classnames';
+import React from 'react';
 import { HashRouter, Route, Switch } from 'react-router-dom';
 
 import { ExternalLink } from './components/external-link/external-link';

web-console/src/dialogs/about-dialog/about-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { AboutDialog } from './about-dialog';

web-console/src/dialogs/about-dialog/about-dialog.tsx

@@ -18,7 +18,7 @@
 
 import { AnchorButton, Button, Classes, Dialog, Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as React from 'react';
+import React from 'react';
 
 import { ExternalLink } from '../../components';
 import { DRUID_COMMUNITY, DRUID_DEVELOPER_GROUP, DRUID_USER_GROUP, DRUID_WEBSITE } from '../../variables';

web-console/src/dialogs/async-action-dialog/async-action-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { AsyncActionDialog } from './async-action-dialog';

web-console/src/dialogs/async-action-dialog/async-action-dialog.tsx

@@ -26,7 +26,7 @@ import {
 } from '@blueprintjs/core';
 import { IconName } from '@blueprintjs/icons';
 import classNames from 'classnames';
-import * as React from 'react';
+import React from 'react';
 
 import { AppToaster } from '../../singletons/toaster';
 

web-console/src/dialogs/compaction-dialog/compaction-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { CompactionDialog } from './compaction-dialog';

web-console/src/dialogs/compaction-dialog/compaction-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, Dialog, Intent } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import { AutoForm } from '../../components';
 

web-console/src/dialogs/coordinator-dynamic-config/coordinator-dynamic-config.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { CoordinatorDynamicConfigDialog } from './coordinator-dynamic-config';

web-console/src/dialogs/coordinator-dynamic-config/coordinator-dynamic-config.tsx

@@ -19,7 +19,7 @@
 import { Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 
 import { AutoForm, ExternalLink } from '../../components';
 import { AppToaster } from '../../singletons/toaster';

web-console/src/dialogs/history-dialog/history-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { HistoryDialog } from './history-dialog';

web-console/src/dialogs/history-dialog/history-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Card, Dialog, Divider, IDialogProps } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import { JSONCollapse } from '../../components';
 

web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { LookupEditDialog } from './lookup-edit-dialog';

web-console/src/dialogs/lookup-edit-dialog/lookup-edit-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, Dialog, FormGroup, HTMLSelect, InputGroup, Intent } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 import AceEditor from 'react-ace';
 
 import { validJson } from '../../utils';

web-console/src/dialogs/overlord-dynamic-config/overload-dynamic-config.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { LookupEditDialog } from '../lookup-edit-dialog/lookup-edit-dialog';

web-console/src/dialogs/overlord-dynamic-config/overlord-dynamic-config.tsx

@@ -19,7 +19,7 @@
 import { Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 
 import { AutoForm, ExternalLink } from '../../components';
 import { AppToaster } from '../../singletons/toaster';

web-console/src/dialogs/query-plan-dialog/query-plan-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { QueryPlanDialog } from './query-plan-dialog';

web-console/src/dialogs/query-plan-dialog/query-plan-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, Dialog, FormGroup, InputGroup, TextArea } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import { BasicQueryExplanation, SemiJoinQueryExplanation } from '../../utils';
 

web-console/src/dialogs/retention-dialog/retention-dialog.array.spec.ts

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 
 import { reorderArray } from './retention-dialog';
 

web-console/src/dialogs/retention-dialog/retention-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { RetentionDialog } from './retention-dialog';

web-console/src/dialogs/retention-dialog/retention-dialog.tsx

@@ -19,7 +19,7 @@
 import { Button, FormGroup } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 
 import { Rule, RuleEditor } from '../../components';
 import { QueryManager } from '../../utils';

web-console/src/dialogs/snitch-dialog/snitch-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { SnitchDialog } from './snitch-dialog';

web-console/src/dialogs/snitch-dialog/snitch-dialog.tsx

@@ -27,7 +27,7 @@ import {
 } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import classNames = require('classnames');
-import * as React from 'react';
+import React from 'react';
 
 import { HistoryDialog } from '../history-dialog/history-dialog';
 

web-console/src/dialogs/spec-dialog/spec-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { SpecDialog } from './spec-dialog';

web-console/src/dialogs/spec-dialog/spec-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, Dialog, Intent } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 import AceEditor from 'react-ace';
 
 import './spec-dialog.scss';

web-console/src/dialogs/supervisor-table-action-dialog/supervisor-table-action-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { SupervisorTableActionDialog } from './supervisor-table-action-dialog';

web-console/src/dialogs/supervisor-table-action-dialog/supervisor-table-action-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { IDialogProps } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import { ShowJson } from '../../components';
 import { BasicAction, basicActionsToButtons } from '../../utils/basic-action';

web-console/src/dialogs/table-action-dialog/table-action-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { TableActionDialog } from './table-action-dialog';

web-console/src/dialogs/table-action-dialog/table-action-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, Classes, Dialog, Icon, IconName, IDialogProps, Intent } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import './table-action-dialog.scss';
 

web-console/src/dialogs/task-table-action-dialog/task-table-action-dialog.spec.tsx

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import * as React from 'react';
+import React from 'react';
 import { render } from 'react-testing-library';
 
 import { TaskTableActionDialog } from './task-table-action-dialog';

web-console/src/dialogs/task-table-action-dialog/task-table-action-dialog.tsx

@@ -17,7 +17,7 @@
  */
 
 import { IDialogProps } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 import { ShowJson, ShowLog } from '../../components';
 import { BasicAction, basicActionsToButtons } from '../../utils/basic-action';

web-console/src/entry.ts

@@ -18,8 +18,8 @@
 
 import 'es6-shim/es6-shim';
 import 'es7-shim'; // Webpack with automatically pick browser.js which does the shim()
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
+import React from 'react';
+import ReactDOM from 'react-dom';
 
 import './bootstrap/react-table-defaults';
 import { ConsoleApplication } from './console-application';

web-console/src/setup-tests.ts

@@ -17,6 +17,6 @@
  */
 
 import { configure } from 'enzyme';
-import * as enzymeAdapterReact16 from 'enzyme-adapter-react-16';
+import enzymeAdapterReact16 from 'enzyme-adapter-react-16';
 
-configure({ adapter: new enzymeAdapterReact16() });
+configure({ adapter: new (enzymeAdapterReact16 as any)() });

web-console/src/utils/basic-action.tsx

@@ -17,7 +17,7 @@
  */
 
 import { Button, IconName, Intent, Menu, MenuItem } from '@blueprintjs/core';
-import * as React from 'react';
+import React from 'react';
 
 export interface BasicAction {
   icon?: IconName;

web-console/src/utils/general.tsx

@@ -18,9 +18,9 @@
 
 import { Button, HTMLSelect, InputGroup, Intent } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
-import * as FileSaver from 'file-saver';
-import * as numeral from 'numeral';
-import * as React from 'react';
+import FileSaver from 'file-saver';
+import numeral from 'numeral';
+import React from 'react';
 import { Filter, FilterRender } from 'react-table';
 
 export function addFilter(filters: Filter[], id: string, value: string): Filter[] {

web-console/src/utils/ingestion-spec.tsx

@@ -18,7 +18,7 @@
 
 import { Code } from '@blueprintjs/core';
 import { number } from 'prop-types';
-import * as React from 'react';
+import React from 'react';
 
 import { Field } from '../components/auto-form/auto-form';
 import { ExternalLink } from '../components/external-link/external-link';

web-console/src/views/datasource-view/datasource-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { DatasourcesView } from './datasource-view';
 

web-console/src/views/datasource-view/datasource-view.tsx

@@ -19,7 +19,7 @@
 import { Button, FormGroup, Icon, InputGroup, Intent, Popover, Position, Switch } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 import ReactTable, { Filter } from 'react-table';
 
 import { ActionCell, RuleEditor, TableColumnSelector, ViewControlBar } from '../../components';

web-console/src/views/home-view/home-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { HomeView } from './home-view';
 

web-console/src/views/home-view/home-view.tsx

@@ -19,7 +19,7 @@
 import { Card, H5, Icon } from '@blueprintjs/core';
 import { IconName, IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 
 import { UrlBaser } from '../../singletons/url-baser';
 import { getHeadProp, lookupBy, pluralIfNeeded, queryDruidSql, QueryManager } from '../../utils';

web-console/src/views/load-data-view/load-data-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { LoadDataView } from './load-data-view';
 

web-console/src/views/load-data-view/load-data-view.tsx

@@ -27,8 +27,8 @@ import {
 } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as classNames from 'classnames';
-import * as React from 'react';
+import classNames from 'classnames';
+import React from 'react';
 import ReactTable from 'react-table';
 
 import { AutoForm, CenterMessage, ClearableInput, ExternalLink, JSONInput, Loader, TableCell } from '../../components';

web-console/src/views/lookups-view/lookups-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { LookupsView } from './lookups-view';
 

web-console/src/views/lookups-view/lookups-view.tsx

@@ -19,8 +19,8 @@
 import { Button, Icon, Intent, Popover, Position } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as classNames from 'classnames';
-import * as React from 'react';
+import classNames from 'classnames';
+import React from 'react';
 import ReactTable from 'react-table';
 
 import { ActionCell, TableColumnSelector, ViewControlBar } from '../../components';

web-console/src/views/segments-view/segments-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { SegmentsView } from '../segments-view/segments-view';
 

web-console/src/views/segments-view/segments-view.tsx

@@ -20,7 +20,7 @@ import { Button, Intent } from '@blueprintjs/core';
 import { H5 } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 import ReactTable from 'react-table';
 import { Filter } from 'react-table';
 

web-console/src/views/servers-view/servers-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { ServersView } from './servers-view';
 

web-console/src/views/servers-view/servers-view.tsx

@@ -20,7 +20,7 @@ import { Button, ButtonGroup, Intent, Label } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
 import { sum } from 'd3-array';
-import * as React from 'react';
+import React from 'react';
 import ReactTable from 'react-table';
 import { Filter } from 'react-table';
 

web-console/src/views/sql-view/sql-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { SqlView } from './sql-view';
 

web-console/src/views/sql-view/sql-view.tsx

@@ -16,8 +16,8 @@
  * limitations under the License.
  */
 
-import * as Hjson from 'hjson';
-import * as React from 'react';
+import Hjson from 'hjson';
+import React from 'react';
 import SplitterLayout from 'react-splitter-layout';
 import ReactTable from 'react-table';
 

web-console/src/views/task-view/tasks-view.spec.tsx

@@ -17,7 +17,7 @@
  */
 
 import { shallow } from 'enzyme';
-import * as React from 'react';
+import React from 'react';
 
 import { TasksView } from './tasks-view';
 

web-console/src/views/task-view/tasks-view.tsx

@@ -19,7 +19,7 @@
 import { Alert, Button, ButtonGroup, Intent, Label, Menu, MenuItem, Popover, Position } from '@blueprintjs/core';
 import { IconNames } from '@blueprintjs/icons';
 import axios from 'axios';
-import * as React from 'react';
+import React from 'react';
 import SplitterLayout from 'react-splitter-layout';
 import ReactTable from 'react-table';
 import { Filter } from 'react-table';

web-console/tsconfig.json

@@ -11,6 +11,7 @@
     "strictFunctionTypes": false,
     "skipLibCheck": true,
     "importHelpers": true,
+    "esModuleInterop": true,
     "target": "es5",
     "module": "commonjs",
     "moduleResolution": "node",