Skip to content

Bug(website): React key error on internal pages of website #9333

Closed
@abrahamguo

Description

@abrahamguo

Before You File a Bug Report Please Confirm You Have Done The Following...

  • I have tried restarting my IDE and the issue persists.
  • I have updated to the latest version of the packages.
  • I have searched for related issues and found none that matched my issue.
  • I have read the FAQ and my problem is not listed.

Relevant Package

website

Playground Link

No response

Repro Code

  1. yarn
  2. cd packages/website && yarn start
  3. Navigate to Docs (/getting-started), Rules (/rules) or Blog (/blog)

ESLint Config

No response

tsconfig

No response

Expected Result

No errors.

Actual Result

Error in the browser console:

react-jsx-runtime.development.js:87 Warning: A props object containing a "key" prop is being spread into JSX:
  let props = {key: someKey, className: ..., children: ..., style: ...};
  <span {...props} />
React keys must be passed directly to JSX without using spread:
  let props = {className: ..., children: ..., style: ...};
  <span key={someKey} {...props} />
    at CodeBlockLine (webpack-internal:///../../node_modules/@docusaurus/theme-classic/lib/theme/CodeBlock/Line/index.js:15:28)

Additional Info

No response

Versions

main branch

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issuelocked due to agePlease open a new issue if you'd like to say more. See https://typescript-eslint.io/contributing.package: websiteIssues related to the @typescript-eslint websiterefactorPRs that refactor code only

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions