chore: fix netlify build

chore: make demo use React 18

Author: RIP21

.github/workflows/playwright.yml

@@ -12,7 +12,10 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2
       with:
-        node-version: '14.x'
+        node-version: '16.x'
+    - name: Install pnpm
+      run: npm install pnpm -g
+
     - name: Install dependencies
       run: pnpm install
 

netlify.toml

@@ -0,0 +1,6 @@
+[build.environment]
+  NODE_VERSION = "20"
+  NPM_FLAGS = "--version" # prevent Netlify npm install
+[build]
+  publish = "./dist"
+  command = "npx pnpm i --store=node_modules/.pnpm-store --frozen-lockfile && npm run build:demo"

package.json

@@ -40,18 +40,18 @@
   "devDependencies": {
     "@playwright-testing-library/test": "~4.5.0",
     "@playwright/test": "~1.26.1",
-    "@testing-library/react": "~12.1.5",
+    "@testing-library/react": "~13.4.0",
     "@testing-library/user-event": "~14.4.3",
     "@types/codemirror": "~5.60.5",
     "@types/node": "~16.11.62",
-    "@types/react": "~17.0.50",
-    "@types/react-dom": "~17.0.11",
+    "@types/react": "~18.0.21",
+    "@types/react-dom": "~18.0.6",
     "easymde": "~2.18.0",
     "happy-dom": "~6.0.4",
     "jsdom": "~20.0.0",
     "prettier": "~2.7.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "tsup": "~6.2.3",
     "typescript": "~4.8.4",
     "vite": "~3.1.4",

pnpm-lock.yaml

@@ -1,5 +1,12 @@
-import * as ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import Demo from "./demo/Demo";
-import React from "react";
+import React, { StrictMode } from "react";
 
-ReactDOM.render(<Demo />, document.getElementById("root"));
+const container = document.getElementById("root");
+const root = createRoot(container!);
+
+root.render(
+  <StrictMode>
+    <Demo />
+  </StrictMode>
+);

src/index.tsx

@@ -1 +1,3 @@
 import "vitest-dom/extend-expect";
+// @ts-ignore
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;