react-component / react-component/tooltip

Warning: Received `false` for a non-boolean attribute in Tooltip

Open
#146 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
944
Forks
199
Avg merge
19h 1m
Merged PRs (30d)
3

Description

Hi, i have an error message in console. Everything work fine but ...
image
this error message show from start, when component is rendering.

My Example

state:
this.state = { emailtooltipvisible: false }
render:
<Tooltip visible={this.state.emailtooltipvisible} defaultVisible={false} id="emailhint" overlay={<span>Text</span>} > <input aria-describedby="emailhint" id="email" name="email" type="email" /> </Tooltip>

this.state.emailtooltipvisible ? true : false also dont help

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the warning with the Tooltip example in the issue and trace how its props reach the rendered element. Done means identifying the source of the non-boolean attribute warning, preventing it without breaking controlled visibility, and confirming the example renders without the console error.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.