Latest preact version breaks @radix-ui/react-switch and application

[ndt080]

preact@^10.25.0 (it has also been checked on 10.25.1)

Describe the bug
When trying to create a component, the page freezes. There is no memory leak in devtools, but the rendering process does not continue

Everything works fine on version 10.24.3

[JoviDeCroock]

Hey,

Mind adding a reproduction as the issue template demands? I'm mainly asking because when I leverage the basic version of this library in 10.24.3 it seems to also bail out 😅

afaict this can never work for > 2 clicks due to an erroneous use of a Property Setter on an HTML node.

    const input = ref.current;
    const inputProto = window.HTMLInputElement.prototype;
    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
    const setChecked = descriptor.set;
    if (prevChecked !== checked && setChecked) {
      const event = new Event("click", { bubbles });
      setChecked.call(input, checked);
			console.log('dispatching event')
      input.dispatchEvent(event);
    }

[ndt080]

@JoviDeCroock Hi, I tried to reproduce the problem in StackBlitz with pure Switch usage and I failed. I have a really large and complex application. After updating to 10.25.0/10.25.1, my application began to freeze at the time of rendering the UI. Experimentally, commenting on the components, I found that the hang causes @radix-ui/switch. Asynchronous operations, memoization, fragments, or suspense may be affected. I need a little more time to reproduce the problem in a clean environment.

[JoviDeCroock]

@ndt080 you can also try running a git bisect yourself to see which change broke it. My gut feel tells me to check out #4560

[ndt080]

As it turned out, the problem was not with @radix-ui/*. I wrapped all dynamic component inserts in Suspense and the problem was resolved.

function SomeComponent({ ButtonComponent }) {
return <div><Suspense fallback={null}><ButtonComponent /></Suspense ></div>
}

I think, this issue can be closed