Switch to new JSX transform

bjacobel · May 14, 2024 · 57c63b9 · 57c63b9
1 parent a562207
commit 57c63b9
Show file tree

Hide file tree

Showing 20 changed files with 9 additions and 25 deletions.
diff --git a/app/.eslintrc.js b/app/.eslintrc.js
@@ -13,6 +13,7 @@ module.exports = {
       },
     ],
     'react/require-default-props': 0,
+    'react/react-in-jsx-scope': 0,
     'jsx-a11y/anchor-is-valid': [2, { specialLink: ['to'] }],
   },
 };
diff --git a/app/src/components/Child.tsx b/app/src/components/Child.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { styled } from '@linaria/react';
 import { useParams } from 'wouter';
 

diff --git a/app/src/components/Main.tsx b/app/src/components/Main.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { styled } from '@linaria/react';
 

diff --git a/app/src/components/NotFound.tsx b/app/src/components/NotFound.tsx
@@ -1,5 +1,4 @@
 import { styled } from '@linaria/react';
-import React from 'react';
 
 import { center, openSans } from '../stylesheets/shared.css';
 import StyledLink from './StyledLink';

diff --git a/app/src/components/Routes.tsx b/app/src/components/Routes.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { Switch, Route } from 'wouter';
 
 import Main from './Main';

diff --git a/app/src/components/StyledLink.tsx b/app/src/components/StyledLink.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { styled } from '@linaria/react';
 import { Link } from 'wouter';
 

diff --git a/app/src/components/__tests__/Analytics-test.tsx b/app/src/components/__tests__/Analytics-test.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Analytics from '../Analytics';
 import GA from '../../services/GA';
 import { render } from '../../testing/rtl';

diff --git a/app/src/components/__tests__/Child-test.tsx b/app/src/components/__tests__/Child-test.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Switch, Route } from 'wouter';
 
 import Child from '../Child';

diff --git a/app/src/components/__tests__/Main-test.tsx b/app/src/components/__tests__/Main-test.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Switch, Route } from 'wouter';
 
 import { getData } from '../../services/data';

diff --git a/app/src/components/__tests__/NotFound-test.tsx b/app/src/components/__tests__/NotFound-test.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { Route, Switch } from 'wouter';
 
 import { render } from '../../testing/rtl';

diff --git a/app/src/components/__tests__/Routes-test.tsx b/app/src/components/__tests__/Routes-test.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render } from '../../testing/rtl';
 import Routes from '../Routes';
 

diff --git a/app/src/components/errors/ErrorBoundary.tsx b/app/src/components/errors/ErrorBoundary.tsx
@@ -1,4 +1,4 @@
-import React, { Component, PropsWithChildren } from 'react';
+import { Component, PropsWithChildren } from 'react';
 
 import log from '../../services/errors';
 import { LOG_ERRORS } from '../../constants';

diff --git a/app/src/components/errors/ErrorComponent.tsx b/app/src/components/errors/ErrorComponent.tsx
@@ -1,5 +1,4 @@
 import { styled } from '@linaria/react';
-import React from 'react';
 
 import { SHOW_STACK } from '../../constants';
 import { robotoMono } from '../../stylesheets/shared.css';

diff --git a/app/src/components/errors/__mocks__/ErrorComponent.tsx b/app/src/components/errors/__mocks__/ErrorComponent.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default () => (
   <>
     <h3 className="errorHeader">Something went wrong.</h3>

diff --git a/app/src/components/errors/__tests__/ErrorBoundary-test.tsx b/app/src/components/errors/__tests__/ErrorBoundary-test.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render } from '../../../testing/rtl';
 import log from '../../../services/errors';
 import ErrorBoundary from '../ErrorBoundary';

diff --git a/app/src/components/errors/__tests__/ErrorComponent-test.tsx b/app/src/components/errors/__tests__/ErrorComponent-test.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { render } from '../../../testing/rtl';
 import ErrorComponent from '../ErrorComponent';
 

diff --git a/app/src/index.html.tsx b/app/src/index.html.tsx
@@ -1,7 +1,5 @@
 /* globals htmlWebpackPlugin */
 
-import React from 'react';
-
 export default (
   <html lang="en">
     <head>

diff --git a/app/src/index.tsx b/app/src/index.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable import/no-import-module-exports */
 
-import React, { StrictMode } from 'react';
+import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 

diff --git a/app/src/testing/rtl.tsx b/app/src/testing/rtl.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { render, RenderOptions } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';

diff --git a/tsconfig.json b/tsconfig.json
@@ -9,7 +9,7 @@
     "skipLibCheck": true,
     "noEmit": true,
     "isolatedModules": true,
-    "jsx": "react"
+    "jsx": "react-jsx"
   },
   "ts-node": {
     "compilerOptions": {