[ui] Fix up React imports

js_modules/dagster-ui/packages/app-oss/src/App.tsx

@@ -8,7 +8,6 @@ import {UserSettingsButton} from '@dagster-io/ui-core/app/UserSettingsButton';
 import {logLink, timeStartLink} from '@dagster-io/ui-core/app/apolloLinks';
 import {LiveDataPollRateContext} from '@dagster-io/ui-core/asset-data/AssetLiveDataProvider';
 import {DeploymentStatusType} from '@dagster-io/ui-core/instance/DeploymentStatusProvider';
-import React from 'react';
 
 import {CommunityNux} from './NUX/CommunityNux';
 import {extractInitializationData} from './extractInitializationData';

js_modules/dagster-ui/packages/app-oss/src/NUX/CommunityNux.tsx

@@ -13,7 +13,7 @@ import {
   TextInput,
 } from '@dagster-io/ui-components';
 import {useStateWithStorage} from '@dagster-io/ui-core/hooks/useStateWithStorage';
-import React from 'react';
+import * as React from 'react';
 import isEmail from 'validator/lib/isEmail';
 
 export const CommunityNux = () => {

js_modules/dagster-ui/packages/app-oss/src/pages/_app.tsx

@@ -1,6 +1,5 @@
 import {AppProps} from 'next/app';
 import Head from 'next/head';
-import React from 'react';
 
 // eslint-disable-next-line import/no-default-export
 export default function MyApp({Component, pageProps}: AppProps) {

js_modules/dagster-ui/packages/app-oss/src/pages/_document.tsx

@@ -2,7 +2,6 @@ import fs from 'fs';
 import path from 'path';
 
 import {Head, Html, Main, NextScript} from 'next/document';
-import React from 'react';
 
 function getSecurityPolicy() {
   return fs.readFileSync(path.join(__dirname, '../../../csp-header-dev.txt'), {encoding: 'utf8'});

js_modules/dagster-ui/packages/app-oss/src/pages/index.tsx

@@ -2,7 +2,7 @@
 
 import dynamic from 'next/dynamic';
 import {useRouter} from 'next/router';
-import React from 'react';
+import {useEffect} from 'react';
 
 const App = dynamic(() => import('../App'), {
   ssr: false,
@@ -12,7 +12,7 @@ const App = dynamic(() => import('../App'), {
 export default function IndexPage() {
   const router = useRouter();
 
-  React.useEffect(() => {
+  useEffect(() => {
     router.beforePopState(() => {
       // Disable Next.js client side routing until we migrate to Next.js routing
       return false;

js_modules/dagster-ui/packages/eslint-config/index.js

@@ -107,9 +107,11 @@ module.exports = {
     'object-shorthand': ['error', 'always'],
     'react/jsx-curly-brace-presence': 'error',
     'react/jsx-no-target-blank': 'error',
+    'react/jsx-uses-react': 'off',
     'react/prefer-stateless-function': 'error',
     'react/prop-types': 'off',
     'react/display-name': 'off',
+    'react/react-in-jsx-scope': 'off',
     '@typescript-eslint/ban-types': [
       'error',
       {

js_modules/dagster-ui/packages/ui-components/.babelrc

@@ -1,12 +1,13 @@
 {
   "presets": [
     [
-      "@babel/preset-env", {
+      "@babel/preset-env",
+      {
         "useBuiltIns": "entry",
         "corejs": 3
       }
     ],
-    "@babel/preset-react",
+    ["@babel/preset-react", {"runtime": "automatic"}],
     "@babel/preset-typescript"
   ],
   "plugins": [

js_modules/dagster-ui/packages/ui-components/.storybook/preview.js

@@ -11,7 +11,6 @@ import {
 } from '../src';
 
 import {MemoryRouter} from 'react-router-dom';
-import * as React from 'react';
 
 import {createGlobalStyle} from 'styled-components/macro';
 

js_modules/dagster-ui/packages/ui-components/src/components/ButtonLink.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import styled, {css} from 'styled-components';
 
 import {Box} from './Box';

js_modules/dagster-ui/packages/ui-components/src/components/ConfigEditorDialog.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 import {Button} from './Button';
 import {ConfigEditorWithSchema} from './ConfigEditorWithSchema';
 import {Dialog, DialogFooter} from './Dialog';

js_modules/dagster-ui/packages/ui-components/src/components/ConfigEditorWithSchema.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import {useRef, useState} from 'react';
 import {createGlobalStyle} from 'styled-components';
 
 import {Box} from './Box';
@@ -32,11 +32,9 @@ export const ConfigEditorWithSchema = ({
   onConfigChange,
   configSchema,
 }: Props) => {
-  const editorSplitPanelContainer = React.useRef<SplitPanelContainer | null>(null);
-  const [editorHelpContext, setEditorHelpContext] = React.useState<ConfigEditorHelpContext | null>(
-    null,
-  );
-  const editor = React.useRef<ConfigEditorHandle | null>(null);
+  const editorSplitPanelContainer = useRef<SplitPanelContainer | null>(null);
+  const [editorHelpContext, setEditorHelpContext] = useState<ConfigEditorHelpContext | null>(null);
+  const editor = useRef<ConfigEditorHandle | null>(null);
 
   return (
     <>

js_modules/dagster-ui/packages/ui-components/src/components/CursorControls.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import styled from 'styled-components';
 
 import {Button} from './Button';

js_modules/dagster-ui/packages/ui-components/src/components/CustomTooltipProvider.tsx

@@ -1,15 +1,15 @@
-import React from 'react';
+import {useEffect, useState} from 'react';
 import styled from 'styled-components';
 
 import {Colors} from './Color';
 
 export const CustomTooltipProvider = () => {
-  const [state, setState] = React.useState<null | {
+  const [state, setState] = useState<null | {
     title: string;
     style: React.CSSProperties;
   }>(null);
 
-  React.useEffect(() => {
+  useEffect(() => {
     document.addEventListener('mouseover', (ev) => {
       const el = ev.target;
       if (!(el instanceof Element)) {

js_modules/dagster-ui/packages/ui-components/src/components/ErrorBoundary.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import styled from 'styled-components';
 
 import {Box} from './Box';