Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React does not recognize the isSelected prop on a DOM element. #916

Closed
depyronick opened this issue Nov 28, 2022 · 9 comments
Closed

React does not recognize the isSelected prop on a DOM element. #916

depyronick opened this issue Nov 28, 2022 · 9 comments
Labels
🐛 Type: Bug Something isn't working

Comments

@depyronick
Copy link

Describe the bug

  "dependencies": {
    "@next/font": "^13.0.5",
    "@nextui-org/react": "^1.0.0-beta.11-dbg1", <-- don't mind this, same on .10
    "@react-aria/ssr": "^3.4.0",
    "@stripe/react-stripe-js": "^1.14.2",
    "@stripe/stripe-js": "^1.42.1",
    "axios": "^1.1.3",
    "date-fns": "^2.29.3",
    "next": "13.0.5",
    "next-auth": "^4.15.1",
    "next-themes": "^0.2.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "sass": "1.56.0",
    "stripe": "^10.17.0",
    "swiper": "^8.4.4",
    "typescript": "4.8.4",
    "validator": "^13.7.0"
  },
  "devDependencies": {
    "@types/node": "18.11.9",
    "@types/react": "17.0.11",
    "@types/react-dom": "17.0.8",
    "@types/validator": "^13.7.10"
  }
Warning: React does not recognize the `isSelected` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `isselected` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
    at label
    at Styled.label
    at eval (webpack-internal:///./node_modules/@nextui-org/react/esm/checkbox/checkbox.js:15:90)

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

// save card for future usage
const [saveForFutureUsage, setSaveForFutureUsage] = useState<boolean>(false);

<Checkbox isSelected={saveForFutureUsage} onChange={setSaveForFutureUsage}>
    <Text>Save this card for future payments.</Text>
</Checkbox>

Expected behavior

Not to throw the error.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

@vpaul18
Copy link

vpaul18 commented Mar 23, 2023

Any updates on this ?

@depyronick
Copy link
Author

Any updates on this ?

will probably be solved with v2

@vpaul18
Copy link

vpaul18 commented Mar 26, 2023

@depyronick Thanks !

@EmanueleCiriachi
Copy link

Just noticed myself. Spent a good 30 minutes ensuring I was using this correctly everywhere before stumbling upon this.

@bbtools-ps
Copy link

Having the same problem because I wanted to customize the navigation for the smaller screens. Do you know when version 2 is going to come out?

@ifkas
Copy link

ifkas commented May 3, 2023

I have the same, also when I map items from Supabase with boolean true or false on the checkbox the checkbox becomes unclickable.

@neelhabib
Copy link

is there any fix? I am facing the same issue.

@Yanis02015
Copy link

Any update ?

@jrgarciadev
Copy link
Member

jrgarciadev commented Aug 2, 2023

Hey guys sorry for the delay please upgrade to V2.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛 Type: Bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

8 participants