Type error when passing SliderElementProps to SliderElement

[sir-dunxalot]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

When you pass props with type SliderElementProps to SliderElement (using the spread operator)...

interface SliderFieldProps extends SliderElementProps {}

const SliderField = (props: SliderFieldProps) => {
  return <SliderElement {...props} />; // Error
};

... Typescript throws an error because of mismatching types:

Type 'RefObject<HTMLSpanElement>' is not assignable to type 'RefObject<HTMLDivElement>'.
          Property 'align' is missing in type 'HTMLSpanElement' but required in type 'HTMLDivElement'.

Expected behavior 🤔

No Typescript error is shown. The user is able to pass props of type SliderElementProps to the SliderElement component.

Steps to reproduce 🕹

Steps to reproduce:

1. Go to https://codesandbox.io/p/devbox/slider-type-bug-csnndp
2. View App.tsx
3. On line 7, a type error will be visible (if the error isn't visible, try making a change to the file. Sometimes devbox doesn't show type errors unless you're editing)