[slider] Next.js script tag error on slider thumb

[Entropy-10]

Bug report

When using Silder.Track Nextjs v16.2 throws the following error:

Encountered a script tag while rendering React component. Scripts inside React components are never executed when rendering on the client.

Current behavior

Silder.Track throws script error when used in Next.js projects

Expected behavior

Silder.Track should render with no errors

Base UI version

For example v1.3.0

Which browser are you using?

Vivaldi v7.8.3925.81
Chromium v144.0.7559.246

Which OS are you using?

Linux - cachyos 6.19.8-1-cachyos

[linear]

BAS-475

[atomiks]

@Entropy-10 is this with thumbAlignment="edge"? And does it only happen in the new 16.2 Next.js version or 16.1 as well? thumbAlignment="edge-client-only" could be a workaround for now

[Entropy-10]

Yes this is with thumbAlignment="edge". I'm actually having quite a hard time reproducing the error outside my project. I've mimicked almost the exact setup in a fresh Next.js project but can't get it to have the same issue, though in my project it consistently gives me that error. thumbAlignment="edge-client-only" did fix the issue in my project though!

[mech]

Encounter this also using Next.js v16.2.1