fix linting errors

opentrons-ai-client/src/App.test.tsx

@@ -1,11 +1,12 @@
+import React from 'react'
 import { screen } from '@testing-library/react'
 import { describe, it } from 'vitest'
 
 import { renderWithProviders } from './__testing-utils__'
 
-import App from './App'
+import { App } from './App'
 
-const render = () => {
+const render = (): ReturnType<typeof renderWithProviders> => {
   return renderWithProviders(<App />)
 }
 

opentrons-ai-client/src/App.tsx

@@ -1,11 +1,9 @@
-import * as React from 'react'
+import React from 'react'
 import { Flex, StyledText } from '@opentrons/components'
-function App() {
+export function App(): JSX.Element {
   return (
     <Flex>
       <StyledText as="h1">Opentrons AI</StyledText>
     </Flex>
   )
 }
-
-export default App

opentrons-ai-client/src/main.tsx

@@ -1,12 +1,14 @@
 import React from 'react'
-
 import ReactDOM from 'react-dom/client'
+import { App } from './App'
 
-import App from './App.tsx'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-)
+const rootElement = document.getElementById('root')
+if (rootElement) {
+  ReactDOM.createRoot(rootElement).render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  )
+} else {
+  console.error('Root element not found')
+}

tsconfig-eslint.json

@@ -19,6 +19,7 @@
     "labware-designer/typings",
     "labware-library/src",
     "labware-library/typings",
+    "opentrons-ai-client/src",
     "shared-data/deck",
     "shared-data/js",
     "shared-data/protocol",