[EuiRange] Ticks not displaying correctly in React Strict Mode

[trifacts]

Describe the bug
When wrapping the application in React.StrictMode, the ticks of an EuiRange element are not rendering correctly.

Environment and versions

• EUI version: 93.3.0
• React version: 18.2.0
• Browser: Chrome 124.0.6367.119
• Operating System: macOS 13.6.3 (22G436)

To Reproduce
Create a React app like so

<React.StrictMode>
  <EuiProvider>
    <EuiRange min={0} max={100} step={10} value={20} showTicks />
  </EuiProvider>
</React.StrictMode>

Expected behavior
Ticks should be displayed as shown in the documentation.

Minimum reproducible sandbox
https://codesandbox.io/p/sandbox/blissful-mopsa-46j7tt?file=%2Findex.js%3A24%2C1

Screenshots

[JasonStoltz]

Hi @trifacts, thank you for the bug report! Unfortunately, we do not currently support strict mode: #7774.

I'm going to close this issue in favor of #7774. You can follow that issue for progress updates on Strict Mode support.

It's not currently on our Roadmap, so I'm not sure when / if we will provide support.

[trifacts]

Got it, thanks for the info!