A React Fragment is a component that allows you to group multiple elements without adding an additional DOM node to the rendered output.
It helps to avoid unnecessary nesting when you need to return adjacent JSX elements from a component
The only attribute a Fragment can accept is the key prop. This is necessary when you are rendering a list of fragments in a loop. You must use the explicit <Fragment> syntax if you need to pass a key; the shorthand <>...</> does not support attributes.