Rule suggestion: no unneeded <React.Fragment> or <>

[dikujepsen]

Sometimes I see programmers on my team using the React.Fragment or <> component around a single child, such as a div, in which case I think it might as well be deleted.

<React.Fragment>
    <div>
        <Component1 />
        <Component2 />
        <Component3 />
    </div>
</React.Fragment>

Would it be possible to make a rule that enforces this?

[adidahiya]

I would call it react-no-unnecessary-fragment