react-component / react-component/slider
Slider example broken
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.1k
- Forks
- 768
- Avg merge
- 11d 22h
- Merged PRs (30d)
- 5
Description
Tried with 5 different browsers (incl. Firefox, Edge, Chrome) and https://react-component.github.io/slider/examples/slider.html does not render.
Console log:
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
Warning: Slider[max] - Slider[min] (99) should be a multiple of Slider[step] (10) warning.js:34
The above error occurred in the <ForwardRef(Tooltip)> component:
in ForwardRef(Tooltip) (created by ComponentEnhancer(undefined))
in div (created by ComponentEnhancer(undefined))
in ComponentEnhancer(undefined) (created by ComponentWrapper)
in ComponentWrapper
in div
in div
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the slider example at https://react-component.github.io/slider/examples/slider.html and reproduce the console errors in Firefox, Edge, or Chrome. Trace the Invalid hook call reported in the ForwardRef(Tooltip) component and verify that the example renders without that error; also check the reported max, min, and step warning.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100