Compatibility issue with React 19

[mariangle]

Bug report

Current Behavior

Expected behavior

Ive migrated to Next.js 15, and its a little annoying getting the console error above. Im using ShadCN for my slider which uses radix. Ive changed the old React.ElementRef to React.ComponentRef

Reproducible example

"use client";

import * as React from "react";
import * as SliderPrimitive from "@radix-ui/react-slider";

import { cn } from "@/lib/utils/cn";

interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
  thumbStyle?: React.CSSProperties;
  trackStyle?: React.CSSProperties;
  rangeStyle?: React.CSSProperties;
}

const Slider = React.forwardRef<React.ComponentRef<typeof SliderPrimitive.Root>, SliderProps>(
  ({ className, disabled, thumbStyle, trackStyle, rangeStyle, ...props }, ref) => (
    <SliderPrimitive.Root
      ref={ref}
      className={cn(
        "relative flex w-full touch-none select-none items-center",
        className,
        disabled && "pointer-events-none opacity-50"
      )}
      {...props}
    >
      <SliderPrimitive.Track
        className="relative h-2 w-full grow overflow-hidden rounded-full bg-muted"
        style={trackStyle}
      >
        <SliderPrimitive.Range className="absolute h-full bg-primary/75" style={rangeStyle} />
      </SliderPrimitive.Track>
      <SliderPrimitive.Thumb
        className="block size-4 rounded-full border bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 dark:border-none"
        style={thumbStyle}
      />
    </SliderPrimitive.Root>
  )
);

Slider.displayName = SliderPrimitive.Root.displayName;

export { Slider };

Suggested solution

Additional context

Ive just upgrade to Next.js 15 and React 19 and having issues with my ui components which uses radix.

Your environment

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-slider	1.1.2
React	n/a	19.0.0
Browser	Chrome
Assistive tech
Node	n/a	v18.18.0
npm/yarn	npm	10.3.0
Operating System	Win	10

[arniu]

Would you like to upgrade all the components according to the official guide React 18 to 19 Migration?

[AhmedAdel991]

Can't we also remove the forwardRef as well?