question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] React warning in Next.JS: React does not recognize the `getClassNames` prop on a DOM element

See original GitHub issue

Description

This is reproducible with either Next.js CodeSandbox:

But it doesn’t seem to occur in the CodeSandboxes that don’t have Next.js.

This appears to be related to functionality introduced in react-select@5.7.0.

This can be mitigated by pinning react-select to version 5.6.1 or earlier. However, because of the loose requirement versioning, this needs to be done with resolutions:

"resolutions": {
  "react-select": "5.6.1"
}

chakra-react-select Version

4.4.1

Link to Reproduction

TypeScript?

  • Yes I use TypeScript

Steps to reproduce

  1. Go to ‘…’
  2. Click on ‘…’
  3. Scroll down to ‘…’
  4. See error

Operating System

  • macOS
  • Windows
  • Linux
  • iOS/iPadOS
  • Android

Additional Information

No response

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
hfz-rcommented, Dec 23, 2022

@csandman yes after update its work! thanks man… you`re the best

1reaction
csandmancommented, Dec 21, 2022

I can push a fix for v3 tomorrow!

Read more comments on GitHub >

github_iconTop Results From Across the Web

React does not recognize the X prop on a DOM element ...
The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as...
Read more >
Warning: React does not recognize the `_newProperty` prop ...
I've a “NextJS 11” app. <BuilderComponent model="page" />; is added in my _app file I get this error Message: When I place any...
Read more >
Warning: Prop className did not match. #7322 - GitHub
I have deleted the .next folder, closed tab, reopened, and the error stills. react-dom.development.js?ac89:67 Warning: Prop ...
Read more >
Warning: React does not recognize the `isOpen` prop on a DOM
prop on a DOM element. i got solved this issue. just change tag to Navlink because ActiveClassName is just suported Navlink.
Read more >
API - React Select
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found