docs: fix suspense example (#3458)

* docs: fix suspense example

* docs: fix useTransition interface

* docs: fix suspense example

* docs: fix useTransition interface

Co-authored-by: Nika Sepiskveradze <[email protected]>

Author: nikasepiskveradze

examples/suspense/package.json

@@ -6,8 +6,8 @@
   "main": "src/index.js",
   "dependencies": {
     "axios": "^0.21.1",
-    "react": "0.0.0-experimental-5faf377df",
-    "react-dom": "0.0.0-experimental-5faf377df",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-error-boundary": "^2.2.3",
     "react-query": "^3.5.0",
     "react-scripts": "3.0.1"

examples/suspense/src/components/Button.js

@@ -3,8 +3,8 @@ import React from "react";
 import Spinner from "./Spinner";
 
 export default function Button({ children, timeoutMs = 3000, onClick }) {
-  const [startTransition, isPending] = React.useTransition({
-    timeoutMs: timeoutMs
+  const [isPending, startTransition] = React.useTransition({
+    timeoutMs: timeoutMs,
   });
 
   const handleClick = e => {

examples/suspense/src/index.js

@@ -1,5 +1,5 @@
 import React, { lazy } from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "react-dom/client";
 import {
   useQueryClient,
   QueryClient,