noUselessFragments (since v0.10.0)
Disallow unnecessary fragments
Examples
Invalid
<>
foo
</>
complexity/noUselessFragments.js:1:1 lint/complexity/noUselessFragments FIXABLE ━━━━━━━━━━━━━━━━━━
⚠ Avoid using unnecessary Fragment.
> 1 │ <>
│ ^^
> 2 │ foo
> 3 │ </>
│ ^^^
4 │
ℹ Suggested fix: Remove the Fragment
1 │ - <>
1 │ + "
2 2 │ foo
3 │ - </>
3 │ + "
4 4 │
<React.Fragment>
foo
</React.Fragment>
complexity/noUselessFragments.js:1:1 lint/complexity/noUselessFragments FIXABLE ━━━━━━━━━━━━━━━━━━
⚠ Avoid using unnecessary Fragment.
> 1 │ <React.Fragment>
│ ^^^^^^^^^^^^^^^^
> 2 │ foo
> 3 │ </React.Fragment>
│ ^^^^^^^^^^^^^^^^^
4 │
ℹ Suggested fix: Remove the Fragment
1 │ - <React.Fragment>
1 │ + "
2 2 │ foo
3 │ - </React.Fragment>
3 │ + "
4 4 │
<>
<>foo</>
<SomeComponent />
</>
complexity/noUselessFragments.js:2:5 lint/complexity/noUselessFragments FIXABLE ━━━━━━━━━━━━━━━━━━
⚠ Avoid using unnecessary Fragment.
1 │ <>
> 2 │ <>foo</>
│ ^^^^^^^^
3 │ <SomeComponent />
4 │ </>
ℹ Suggested fix: Remove the Fragment
2 │ ····<>foo</>
│ -- ---
<></>
complexity/noUselessFragments.js:1:1 lint/complexity/noUselessFragments FIXABLE ━━━━━━━━━━━━━━━━━━
⚠ Avoid using unnecessary Fragment.
> 1 │ <></>
│ ^^^^^
2 │
ℹ Suggested fix: Remove the Fragment
1 │ <></>
│ -----