chore(deps): bump react to ^18.0.0 (#823)

Co-authored-by: Renovate Bot <[email protected]>
Co-authored-by: eps1lon <[email protected]>

Author: 3 people

tests/build/fixtures/ava-ts-node/package.json

@@ -2,15 +2,15 @@
 	"name": "build-fixture-node-es-modules",
 	"private": true,
 	"dependencies": {
-		"@testing-library/react": "^12.0.0",
+		"@testing-library/react": "^13.0.0",
 		"@types/jsdom": "^16.2.1",
 		"@types/react": "^17.0.0",
 		"@types/react-dom": "^17.0.0",
 		"@types/testing-library__react": "^10.0.1",
 		"ava": "^4.0.0",
 		"jsdom": "^19.0.0",
-		"react": "^17.0.0",
-		"react-dom": "^17.0.0",
+		"react": "^18.0.0",
+		"react-dom": "^18.0.0",
 		"ts-node": "^10.0.0",
 		"typescript": "^4.0.0"
 	},

tests/build/fixtures/ava-ts-node/test.ts

@@ -1,21 +1,22 @@
 import test from "ava";
 import { JSDOM } from "jsdom";
-import { getByRole } from "@testing-library/react";
+import { findByRole } from "@testing-library/react";
 import * as React from "react";
-import * as ReactDOM from "react-dom";
+import * as ReactDOMClient from "react-dom/client";
 
-test("fn() returns foo", (t) => {
+test("fn() returns foo", async (t) => {
 	const { window } = new JSDOM();
 	// @ts-ignore
 	global.window = window;
 	// @ts-ignore
 	global.document = window.document;
 
 	const container = document.createElement("div");
-	ReactDOM.render(
-		React.createElement("div", { children: "Hello, Dave!", role: "button" }),
-		container
+	ReactDOMClient.createRoot(container).render(
+		React.createElement("div", { children: "Hello, Dave!", role: "button" })
+	);
+	// findByRole depends on `dom-accessibility-api`
+	await t.notThrowsAsync(() =>
+		findByRole(container, "button", { name: "Hello, Dave!" })
 	);
-	// getByRole depends on `dom-accessibility-api`
-	t.truthy(getByRole(container, "button", { name: "Hello, Dave!" }));
 });