akiran / akiran/react-highlight

Add support for React server components

未关闭
#89 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
761
派生
82
PR 合并指标
30 天内没有已合并 PR

描述

Using the Highlight component inside a component that is not marked with "use client" will throw the following error:

```
TypeError: Super expression must either be null or a function, not undefined
at _inherits (webpack-internal:///(rsc)/./node_modules/react-highlight/lib/index.js:43:15)
at eval (webpack-internal:///(rsc)/./node_modules/react-highlight/lib/index.js:56:5)
at eval (webpack-internal:///(rsc)/./node_modules/react-highlight/lib/index.js:120:2)
at (rsc)/./node_modules/react-highlight/lib/index.js (D:\XXX\.next\server\vendor-chunks\react-highlight.js:50:1)
```

This is happening because the `Highlight` component uses the lifecycle events `componentDidMount` and `componentDidUpdate`, which can't be used in RSC.

It would be interesting to add basic support for RSC, for example by providing a fallback component that just renders a `pre` element with no highlighting. Otherwise, users using this library and RSC will encounter this error which can be hard to debug.

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。