Warning: Find more than one child node with `children` in ResizeObserver. Will only observe first one

Question

Like the description of title.In my react application has the Warning.

System: Mac OS Big Sur 11.2

Enviroment: Chrome 89.0.4389.90（正式版本） (x86_64)

Answer 1

I suspect this is the same problem I had with Ant Design <Affix /> Component.

Basically, your Affix Component (probably) has multiple children as below:

<Affix>
    <div>...1</div>
    <div>...2</div>
</Affix>

It should only have one child - a little like React JSX should only have one root component returned.

So the above can become:

<Affix>
    <div>
        <div>...1</div>
        <div>...2</div>
    </div>
</Affix>