This is a frequently asked question in React interview questions.   React Fragments is a much-needed feature introduced in  React 16.2 that helps us to get rid of wrapper div, used inside components. We will consider the below React code. Here we have a code for a simple Todo, which has an adjacent “h2” and a “ol” tag. render() {
return (
Todos:
{this.state.items.map(item => (
))}
)
}
} If we run the above code like this only, we will get the most common React error. SyntaxError: Inline Babel script: Adjacent JSX elements must be wrapped in an enclosing tag (21:8)   19 | return (   20 | Todos: > 21 | | ^ 22 | {this.state.items.map(item => (   23 | 24 |