Web Components Interop

Custom Elements Support

The Shift: React 18 and below struggled with Web Components (e.g., <my-slider>), often failing to pass properties correctly or handle custom events. React 19 passes all tests for "Custom Elements Everywhere."

👀 Preview

Web Components now work seamlessly with React 19, with proper event handling and property passing.

📚 Explanation

React 19 has full support for Web Components, properly handling custom events (with the `on` prefix), object properties, and class attributes. This allows seamless integration with Web Component libraries like Lit or Shoelace.