react-component / react-component/slider

Slider example broken

Open
#631 1 comment 0 reactions 0 assignees View on GitHub

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

  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 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.