Problem with `dangerouslySetInnerHTML`?

Hi, I was glad being able to use react-web-animations, cool library!

I found something strange when I have an element with dangerouslySetInnerHTML inside <Animation/>. Simply, the dangerouslySetInnerHTML content is not displayed before onPlay. Once trigged play, it would be fine.

Also tried all possible fill options, got the same behavior.

If I use <Animation/> inside a wrapper component, and force shouldComponentUpdate of the wrapper, I see that both before and after animation the dangerouslySetInnerHTML is lost, while only during the animation they are displayed.

Any ideas? Could this be a react thing?

[SiqiTian-minted]

@bringking Hi, thanks a lot for testing! I tested with your example too, and it works. I found that the problem is with preact, not react. As the dangerouslySetInnerHTML content disappears when I have this in webpack.config.js:

    resolve: {
        alias: {
            react: 'preact-compat',
            'react-dom': 'preact-compat',
        },
    },

I use preact because of its smaller size. I will create another ticket there. Thanks!

[bringking]

@SiqiTian-minted I don’t know yet, haven’t dug in, I think it might be related to the way we rely on refs to get access to the node… but that is just a hunch