Update for React 18

Closes GH-39.

Author: wooorm

lib/index.js

@@ -80,7 +80,7 @@ export default function rehypeReact(options) {
   /**
    * @param {keyof JSX.IntrinsicElements} name
    * @param {Record<string, unknown>} props
-   * @param {Array<unknown>} [children]
+   * @param {Array<ReactNode>} [children]
    * @returns {ReactNode}
    */
   function h(name, props, children) {

package.json

@@ -47,19 +47,19 @@
   "dependencies": {
     "@mapbox/hast-util-table-cell-style": "^0.2.0",
     "@types/hast": "^2.0.0",
-    "@types/react": "^17.0.0",
+    "@types/react": "^18.0.0",
     "hast-to-hyperscript": "^10.0.0",
     "hast-util-whitespace": "^2.0.0",
     "unified": "^10.0.0"
   },
   "devDependencies": {
-    "@types/react-dom": "^17.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/tape": "^4.0.0",
     "c8": "^7.0.0",
     "hastscript": "^7.0.0",
     "prettier": "^2.0.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "remark": "^14.0.0",
     "remark-cli": "^10.0.0",
     "remark-preset-wooorm": "^9.0.0",
@@ -86,7 +86,11 @@
     "trailingComma": "none"
   },
   "xo": {
-    "prettier": true
+    "prettier": true,
+    "": "`xo` is wrong about file extensions",
+    "rules": {
+      "node/file-extension-in-import": "off"
+    }
   },
   "remarkConfig": {
     "plugins": [

test.js

@@ -1,6 +1,6 @@
 import test from 'tape'
 import React from 'react'
-import server from 'react-dom/server.js'
+import server from 'react-dom/server'
 import {unified} from 'unified'
 import {u} from 'unist-builder'
 import {h} from 'hastscript'
@@ -199,6 +199,7 @@ test('React ' + React.version, (t) => {
       })
       .stringify(u('root', [headingNode, h('p')])),
     React.createElement('div', {}, [
+      // @ts-expect-error: yeah it’s not okay per react types, but it works fine.
       React.createElement(Heading1, {key: 'h-2', node: headingNode}, undefined),
       React.createElement('p', {key: 'h-3'}, undefined)
     ]),