Styleprovider doesn't seem to work on dynamically rendered components inside shadow dom about material-ui HOT 5 CLOSED

I found it. It wasn't in preact either it was me that used preacts register function wrong. I did the mistake of registering my component with {shadow: true} and seettig my shadowContainer to the shadow root of this newly registered element. If I do more like in mui example and register with {shadow: false} and then attach shadow contenler and append shadowRootElement it works. I will close this issue. Thanks for the help though. I appriciate it.

from material-ui.

I realized what I was doing wrong.

from material-ui.

@codeHul
Fixed check this link

The issue you're facing stems from the way the Slider components are being dynamically rendered with props. In React, when you dynamically render components in a loop, you need to ensure that each component has its own set of props.

In your code, you're using the same defaultValue and color props for all dynamically rendered Slider components. This results in all sliders having the same value and color.

To fix this issue, you need to ensure that each Slider component receives its own unique set of props. You can achieve this by accessing the specific properties of each dimensions object in the map function.

The dimensions variable inside the map callback represents each object in the dims array. Each dimensions object contains properties like color and defaultValue, which are used to customize the Slider components being rendered dynamically.

from material-ui.

Gosh. I feel stupid now. I can see the mistake in my example. I however did not do the same mistake in my real app and there I get just a skeleton and the styles remain in document head. My app is made in preact and unfortunately I made the example in react. Could it be a preact issue? I'll try to reproduce it.

from material-ui.

@codeHul Yes sure please share

from material-ui.