index.js

@@ -3,8 +3,6 @@
  * @typedef {import('./lib/ast-to-react.js').Components} Components
  */
 
-import {ReactMarkdown} from './lib/react-markdown.js'
-
 export {uriTransformer} from './lib/uri-transformer.js'
 
-export default ReactMarkdown
+export {ReactMarkdown as default} from './lib/react-markdown.js'

lib/ast-to-react.js

@@ -27,7 +27,7 @@
  *
  * @callback TransformLink
  * @param {string} href
- * @param {Array.<ElementContent>} children
+ * @param {Array<ElementContent>} children
  * @param {string?} title
  * @returns {string}
  *
@@ -37,11 +37,11 @@
  * @param {string?} title
  * @returns {string}
  *
- * @typedef {import("react").HTMLAttributeAnchorTarget} TransformLinkTargetType
+ * @typedef {import('react').HTMLAttributeAnchorTarget} TransformLinkTargetType
  *
  * @callback TransformLinkTarget
  * @param {string} href
- * @param {Array.<ElementContent>} children
+ * @param {Array<ElementContent>} children
  * @param {string?} title
  * @returns {TransformLinkTargetType|undefined}
  *
@@ -53,7 +53,7 @@
  * @typedef {JSX.IntrinsicElements['h1'] & ReactMarkdownProps & {level: number}} HeadingProps
  * @typedef {JSX.IntrinsicElements['li'] & ReactMarkdownProps & {checked: boolean|null, index: number, ordered: boolean}} LiProps
  * @typedef {JSX.IntrinsicElements['ol'] & ReactMarkdownProps & {depth: number, ordered: true}} OrderedListProps
- * @typedef {JSX.IntrinsicElements['table'] & ReactMarkdownProps & {style?: Object.<string, unknown>, isHeader: boolean}} TableCellProps
+ * @typedef {JSX.IntrinsicElements['table'] & ReactMarkdownProps & {style?: Record<string, unknown>, isHeader: boolean}} TableCellProps
  * @typedef {JSX.IntrinsicElements['tr'] & ReactMarkdownProps & {isHeader: boolean}} TableRowProps
  * @typedef {JSX.IntrinsicElements['ul'] & ReactMarkdownProps & {depth: number, ordered: false}} UnorderedListProps
  *
@@ -80,7 +80,7 @@
  * @property {TableRowComponent|ReactMarkdownNames} tr
  * @property {UnorderedListComponent|ReactMarkdownNames} ul
  *
- * @typedef {Partial<Omit<import("./complex-types").NormalComponents, keyof SpecialComponents> & SpecialComponents>} Components
+ * @typedef {Partial<Omit<import('./complex-types').NormalComponents, keyof SpecialComponents> & SpecialComponents>} Components
  *
  * @typedef Options
  * @property {boolean} [sourcePos=false]
@@ -112,7 +112,7 @@ const tableElements = new Set(['table', 'thead', 'tbody', 'tfoot', 'tr'])
  * @param {Element|Root} node
  */
 export function childrenToReact(context, node) {
-  /** @type {Array.<ReactNode>} */
+  /** @type {Array<ReactNode>} */
   const children = []
   let childIndex = -1
   /** @type {Comment|Doctype|Element|Raw|Text} */
@@ -159,7 +159,7 @@ function toReact(context, node, index, parent) {
   /** @type {ReactMarkdownNames} */
   // @ts-expect-error assume a known HTML/SVG element.
   const name = node.tagName
-  /** @type {Object.<string, unknown>} */
+  /** @type {Record<string, unknown>} */
   const properties = {}
   let schema = parentSchema
   /** @type {string} */
@@ -355,7 +355,7 @@ function getElementsBeforeCount(parent, node) {
 }
 
 /**
- * @param {Object.<string, unknown>} props
+ * @param {Record<string, unknown>} props
  * @param {string} prop
  * @param {unknown} value
  * @param {Context} ctx
@@ -393,10 +393,10 @@ function addProperty(props, prop, value, ctx) {
 
 /**
  * @param {string} value
- * @returns {Object.<string, string>}
+ * @returns {Record<string, string>}
  */
 function parseStyle(value) {
-  /** @type {Object.<string, string>} */
+  /** @type {Record<string, string>} */
   const result = {}
 
   try {

lib/react-markdown.js

@@ -39,7 +39,7 @@ const own = {}.hasOwnProperty
 const changelog =
   'https://github.com/remarkjs/react-markdown/blob/main/changelog.md'
 
-/** @type {Object.<string, Deprecation>} */
+/** @type {Record<string, Deprecation>} */
 const deprecated = {
   renderers: {to: 'components', id: 'change-renderers-to-components'},
   astPlugins: {id: 'remove-buggy-html-in-markdown-parser'},
@@ -65,6 +65,8 @@ const deprecated = {
 }
 
 /**
+ * React component to render markdown.
+ *
  * @param {ReactMarkdownOptions} options
  * @returns {ReactElement}
  */

lib/rehype-filter.js

@@ -12,8 +12,8 @@ import {visit} from 'unist-util-visit'
  * @returns {boolean|undefined}
  *
  * @typedef Options
- * @property {Array.<string>} [allowedElements]
- * @property {Array.<string>} [disallowedElements=[]]
+ * @property {Array<string>} [allowedElements]
+ * @property {Array<string>} [disallowedElements=[]]
  * @property {AllowElement} [allowElement]
  * @property {boolean} [unwrapDisallowed=false]
  */

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-markdown",
-  "version": "7.1.0",
-  "description": "Render Markdown as React components",
+  "version": "7.1.1",
+  "description": "React component to render markdown",
   "license": "MIT",
   "keywords": [
     "remark",
@@ -103,7 +103,7 @@
     "@types/react-dom": "^17.0.0",
     "@types/react-is": "^17.0.0",
     "c8": "^7.0.0",
-    "esbuild": "^0.13.0",
+    "esbuild": "^0.14.0",
     "eslint-config-xo-react": "^0.25.0",
     "eslint-plugin-es": "^4.0.0",
     "eslint-plugin-react": "^7.0.0",
@@ -119,9 +119,9 @@
     "remark-toc": "^8.0.0",
     "rimraf": "^3.0.0",
     "type-coverage": "^2.0.0",
-    "typescript": "^4.0.0",
+    "typescript": "~4.4.0",
     "uvu": "^0.5.0",
-    "xo": "^0.45.0"
+    "xo": "^0.47.0"
   },
   "scripts": {
     "prepack": "npm run build && npm run format",