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

<>
    <AwesomeFragment></AwesomeFragment>
    <AwesomeReact.Fragment>foo</AwesomeReact.Fragment>
</>

```

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

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

```

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

  ! Avoid using unnecessary Fragment.
  
    3 │ <>
    4 │     <AwesomeFragment></AwesomeFragment>
  > 5 │     <AwesomeReact.Fragment>foo</AwesomeReact.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 │ ····<AwesomeReact.Fragment>foo</AwesomeReact.Fragment>
      │     -----------------------   ------------------------

```