.github/workflows/main.yml

@@ -17,5 +17,5 @@ jobs:
     strategy:
       matrix:
         node:
-          - lts/erbium
+          - lts/fermium
           - node

index.d.ts

@@ -13,4 +13,4 @@ import type {Options} from './lib/index.js'
 declare const rehypeReact: Plugin<[Options], Root, ReactElement<unknown>>
 export default rehypeReact
 
-export {Options} from './lib/index.js'
+export type {Options} from './lib/index.js'

lib/complex-types.ts

@@ -1,11 +1,11 @@
 import type {ComponentType} from 'react'
 import type {Element} from 'hast'
 
-interface WithNode {
+type WithNode = {
   node: Element
 }
 
-export interface ComponentsWithNodeOptions {
+export type ComponentsWithNodeOptions = {
   /**
    * Expose hast elements as a `node` field in components
    */
@@ -21,7 +21,7 @@ export interface ComponentsWithNodeOptions {
   }>
 }
 
-export interface ComponentsWithoutNodeOptions {
+export type ComponentsWithoutNodeOptions = {
   /**
    * Expose hast elements as a `node` field in components.
    */

lib/index.js

@@ -1,6 +1,5 @@
 /**
  * @typedef {import('hast').Root} Root
- * @typedef {import('hast').Element} Element
  * @typedef {import('react').ReactNode} ReactNode
  * @typedef {import('react').ReactElement<unknown>} ReactElement
  *
@@ -11,16 +10,18 @@
  * @returns {ReactNode}
  *
  * @typedef SharedOptions
+ *   Base configuration (without `components`).
  * @property {CreateElementLike} createElement
  *   How to create elements or components.
  *   You should typically pass `React.createElement`.
  * @property {((props: any) => ReactNode)|undefined} [Fragment]
  *   Create fragments instead of an outer `<div>` if available.
  *   You should typically pass `React.Fragment`.
  * @property {string|undefined} [prefix='h-']
- *   React key prefix
+ *   React key prefix.
  *
- * @typedef {SharedOptions & (import("./complex-types").ComponentsWithNodeOptions|import("./complex-types").ComponentsWithoutNodeOptions)} Options
+ * @typedef {SharedOptions & (import('./complex-types').ComponentsWithNodeOptions|import('./complex-types').ComponentsWithoutNodeOptions)} Options
+ *   Configuration.
  */
 
 import {toH} from 'hast-to-hyperscript'
@@ -29,17 +30,18 @@ import tableCellStyle from '@mapbox/hast-util-table-cell-style'
 import {whitespace} from 'hast-util-whitespace'
 
 const own = {}.hasOwnProperty
-const tableElements = new Set([
-  'table',
-  'thead',
-  'tbody',
-  'tfoot',
-  'tr',
-  'th',
-  'td'
-])
+const tableElements = new Set(['table', 'thead', 'tbody', 'tfoot', 'tr'])
 
 /**
+ * Compile HTML to React nodes.
+ *
+ * > 👉 **Note**: this compiler returns a React node where compilers typically
+ * > return `string`.
+ * > When using `.stringify`, the result is such a React node.
+ * > When using `.process` (or `.processSync`), the result is available at
+ * > `file.result`.
+ *
+ * @this {import('unified').Processor}
  * @type {import('unified').Plugin<[Options], Root, ReactElement>}
  */
 export default function rehypeReact(options) {
@@ -90,6 +92,9 @@ export default function rehypeReact(options) {
     // See: <https://github.com/facebook/react/pull/7081>.
     // See: <https://github.com/facebook/react/pull/7515>.
     // See: <https://github.com/remarkjs/remark-react/issues/64>.
+    // See: <https://github.com/rehypejs/rehype-react/pull/29>.
+    // See: <https://github.com/rehypejs/rehype-react/pull/32>.
+    // See: <https://github.com/rehypejs/rehype-react/pull/45>.
     if (children && tableElements.has(name)) {
       children = children.filter((child) => !whitespace(child))
     }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "rehype-react",
   "description": "rehype plugin to transform to React",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "license": "MIT",
   "keywords": [
     "unified",
@@ -63,14 +63,14 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "remark": "^14.0.0",
-    "remark-cli": "^10.0.0",
+    "remark-cli": "^11.0.0",
     "remark-preset-wooorm": "^9.0.0",
     "rimraf": "^3.0.0",
     "tape": "^5.0.0",
     "type-coverage": "^2.0.0",
     "typescript": "^4.0.0",
     "unist-builder": "^3.0.0",
-    "xo": "^0.48.0"
+    "xo": "^0.53.0"
   },
   "scripts": {
     "build": "rimraf \"lib/*.d.ts\" \"test.d.ts\" && tsc && type-coverage",
@@ -91,7 +91,7 @@
     "prettier": true,
     "": "`xo` is wrong about file extensions",
     "rules": {
-      "node/file-extension-in-import": "off"
+      "n/file-extension-in-import": "off"
     }
   },
   "remarkConfig": {

test.js

@@ -171,13 +171,22 @@ test('React ' + React.version, (t) => {
   t.deepEqual(
     processor.stringify(
       u('root', [
-        h('table', {}, ['\n  ', h('tbody', {}, ['\n  ', h('tr', {})])])
+        h('table', {}, [
+          '\n  ',
+          h('tbody', {}, [
+            '\n  ',
+            h('tr', {}, ['\n  ', h('th', {}, ['\n  ']), h('td', {}, ['\n  '])])
+          ])
+        ])
       ])
     ),
     React.createElement('div', {}, [
       React.createElement('table', {key: 'h-1'}, [
         React.createElement('tbody', {key: 'h-2'}, [
-          React.createElement('tr', {key: 'h-3'}, undefined)
+          React.createElement('tr', {key: 'h-3'}, [
+            React.createElement('th', {key: 'h-4'}, ['\n  ']),
+            React.createElement('td', {key: 'h-5'}, ['\n  '])
+          ])
         ])
       ])
     ]),