---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: noChildren.jsx
---
# Input
```jsx
// invalid

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

```

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

  ! Avoid using unnecessary Fragment.
  
    3 │ <>
  > 4 │     <></>
      │     ^^^^^
    5 │     <React.Fragment></React.Fragment>
    6 │     <Fragment></Fragment>
  
  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 │ ····<></>
      │     -----

```

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

  ! Avoid using unnecessary Fragment.
  
    3 │ <>
    4 │     <></>
  > 5 │     <React.Fragment></React.Fragment>
      │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    6 │     <Fragment></Fragment>
    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>
      │     ---------------------------------

```

```
noChildren.jsx:6:5 lint/complexity/noUselessFragments  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid using unnecessary Fragment.
  
    4 │     <></>
    5 │     <React.Fragment></React.Fragment>
  > 6 │     <Fragment></Fragment>
      │     ^^^^^^^^^^^^^^^^^^^^^
    7 │ </>
    8 │ 
  
  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
  
    6 │ ····<Fragment></Fragment>
      │     ---------------------

```