The reactive variable 'props.onValueChange' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.value' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.onValueChange' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.isOpen' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.value' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.onValueChange' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.min' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

The reactive variable 'props.max' should be used within JSX, a tracked scope (like createEffect), or inside an event handler function, or else changes will be ignored

This tracked scope should not be async. Solid's reactivity only tracks synchronously