---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: fromImportInvalid.jsx
---
# Input
```jsx
import React, { Fragment } from "react";

<>
    <Fragment></Fragment>
    <React.Fragment></React.Fragment>
</>

```

# Diagnostics
```
fromImportInvalid.jsx:4:5 lint/complexity/noUselessFragments  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using unnecessary Fragment.
  
    3 │ <>
  > 4 │     <Fragment></Fragment>
      │     ^^^^^^^^^^^^^^^^^^^^^
    5 │     <React.Fragment></React.Fragment>
    6 │ </>
  
  i A fragment is redundant if it contains only one child, or if it is the child of a html element, and is not a keyed fragment.
  
  i Unsafe fix: Remove the Fragment
  
    4 │ ····<Fragment></Fragment>
      │     ---------------------

```

```
fromImportInvalid.jsx:5:5 lint/complexity/noUselessFragments  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using unnecessary Fragment.
  
    3 │ <>
    4 │     <Fragment></Fragment>
  > 5 │     <React.Fragment></React.Fragment>
      │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │ </>
    7 │ 
  
  i A fragment is redundant if it contains only one child, or if it is the child of a html element, and is not a keyed fragment.
  
  i Unsafe fix: Remove the Fragment
  
    5 │ ····<React.Fragment></React.Fragment>
      │     ---------------------------------

```