Enable modern JSX runtime (#1)

* Enable modern JSX runtime * Upgrade to 4.1 stable
kensho-technologies · Nov 20, 2020 · a3c887c · a3c887c
1 parent 0db9e5b
commit a3c887c
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 41 deletions.
diff --git a/fixtures/react.tsx b/fixtures/react.tsx
@@ -1,4 +1,4 @@
-import * as React from 'react'
+import {useState} from 'react'
 
 interface FooProps {
   num: number
@@ -7,7 +7,7 @@ interface FooProps {
 
 export default function Foo(props: FooProps): JSX.Element {
   const {num, str} = props
-  const [count] = React.useState(0)
+  const [count] = useState(0)
   return (
     <div>
       {count}

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,12 +19,12 @@
   "license": "Apache-2.0",
   "prettier": "@kensho-technologies/prettier-config",
   "peerDependencies": {
-    "typescript": "^4.0.0"
+    "typescript": "^4.1.0"
   },
   "devDependencies": {
     "@kensho-technologies/prettier-config": "^1.0.0",
-    "@types/react": "^16.9.53",
-    "prettier": "^2.1.2",
-    "react": "^17.0.0"
+    "@types/react": "^16.14.0",
+    "prettier": "^2.2.0",
+    "react": "^17.0.1"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
@@ -3,7 +3,7 @@
     "forceConsistentCasingInFileNames": true,
     "incremental": true,
     "isolatedModules": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "module": "esnext",
     "moduleResolution": "node",
     "noFallthroughCasesInSwitch": true,