chore: upgrade react to v18

Author: lukasbach

packages/autodemo/package.json

@@ -21,14 +21,14 @@
     "@lukasbach/tsconfig": "^0.1.0",
     "@types/jest": "^27.4.1",
     "@types/react": "^18.0.14",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.0.7",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
     "demodata": "^1.1.11",
     "jest": "^26.6.3",
     "react": "^18.2.0",
     "react-complex-tree": "^1.1.11",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "ts-node": "^10.7.0",
     "typescript": "4.7.4"

packages/blueprintjs-renderers/package.json

@@ -23,14 +23,14 @@
     "@lukasbach/tsconfig": "^0.1.0",
     "@types/jest": "^27.4.1",
     "@types/react": "^18.0.14",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.0.7",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
     "demodata": "^1.1.11",
     "jest": "^26.6.3",
     "react": "^18.2.0",
     "react-complex-tree": "^1.1.11",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "ts-node": "^10.7.0",
     "typescript": "4.7.4"

packages/core/package.json

@@ -28,7 +28,7 @@
     "@lukasbach/tsconfig": "^0.1.0",
     "@types/jest": "^27.4.1",
     "@types/react": "^18.0.14",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.0.7",
     "@welldone-software/why-did-you-render": "^7.0.1",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
@@ -50,7 +50,7 @@
     "jest-dom": "^4.0.0"
   },
   "peerDependencies": {
-    "react": "*"
+    "react": ">=18.0.0"
   },
   "scripts": {
     "build": "run-p \"build:*\"",

packages/core/src/controlledEnvironment/DragAndDropProvider.tsx

@@ -20,7 +20,7 @@ const DragAndDropContext = React.createContext<DragAndDropContextProps>(
 export const useDragAndDrop = () => React.useContext(DragAndDropContext);
 
 // TODO tidy up
-export const DragAndDropProvider: React.FC = props => {
+export const DragAndDropProvider: React.FC<React.PropsWithChildren> = props => {
   const environment = useTreeEnvironment();
   const [isProgrammaticallyDragging, setIsProgrammaticallyDragging] =
     useState(false);

packages/core/src/controlledEnvironment/InteractionManagerProvider.tsx

@@ -11,7 +11,9 @@ const InteractionManagerContext = React.createContext<InteractionManager<any>>(
 export const useInteractionManager = () =>
   React.useContext(InteractionManagerContext);
 
-export const InteractionManagerProvider: React.FC = props => {
+export const InteractionManagerProvider: React.FC<
+  React.PropsWithChildren
+> = props => {
   const environment = useTreeEnvironment();
   const { defaultInteractionMode } = environment;
 

packages/core/tsconfig.json

@@ -1,7 +1,8 @@
 {
   "extends": "@lukasbach/tsconfig/tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "lib/cjs"
+    "outDir": "lib/cjs",
+    "noImplicitAny": false
   },
   "exclude": ["src/stories", "**/*.spec.*", "test"],
   "include": ["src"]

packages/demodata/package.json

@@ -18,11 +18,11 @@
     "@lukasbach/tsconfig": "^0.1.0",
     "@types/jest": "^27.4.1",
     "@types/react": "^18.0.14",
-    "@types/react-dom": "^17.0.11",
+    "@types/react-dom": "^18.0.7",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.2",
     "react": "^18.2.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
     "ts-node": "^10.7.0",
     "typescript": "4.7.4"

yarn.lock

@@ -4937,14 +4937,7 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-dom@^17.0.11":
-  version "17.0.17"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-17.0.17.tgz#2e3743277a793a96a99f1bf87614598289da68a1"
-  integrity sha512-VjnqEmqGnasQKV0CWLevqMTXBYG9GbwuE6x3VetERLh0cq2LTptFE73MrQi2S7GkKXCf2GgwItB/melLnxfnsg==
-  dependencies:
-    "@types/react" "^17"
-
-"@types/react-dom@^18.0.0":
+"@types/react-dom@^18.0.0", "@types/react-dom@^18.0.7":
   version "18.0.7"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.0.7.tgz#ee7cf8ec4e6977e3f0a7b1d38bd89c75aa2aec28"
   integrity sha512-HaXc+BbqAZE1RdsK3tC8SbkFy6UL2xF76lT9rQs5JkPrJg3rWA3Ou/Lhw3YJQzEDkBpmJ79nBsfnd05WrBd2QQ==
@@ -4977,10 +4970,10 @@
     "@types/history" "^4.7.11"
     "@types/react" "*"
 
-"@types/react@*", "@types/react@17.0.38", "@types/react@^17", "@types/react@^18.0.14":
-  version "17.0.38"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.38.tgz#f24249fefd89357d5fa71f739a686b8d7c7202bd"
-  integrity sha512-SI92X1IA+FMnP3qM5m4QReluXzhcmovhZnLNm3pyeQlooi02qI7sLiepEYqT678uNiyc25XfCqxREFpy3W7YhQ==
+"@types/react@*", "@types/react@^18.0.14":
+  version "18.0.23"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.23.tgz#4190ecd58b99fa79fe2e67832bdcb287e5f893e4"
+  integrity sha512-R1wTULtCiJkudAN2DJGoYYySbGtOdzZyUWAACYinKdiQC8auxso4kLDUhQ7AJ2kh3F6A6z4v69U6tNY39hihVQ==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -15927,7 +15920,7 @@ react-docgen@^5.0.0, react-docgen@^5.3.1:
     node-dir "^0.1.10"
     strip-indent "^3.0.0"
 
-react-dom@^17.0.1, react-dom@^17.0.2:
+react-dom@^17.0.1:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
   integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==