---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.tsx
---
# Input
```tsx
const a3 = <div>// comment</div>;
const a4 = <div>/* comment */</div>;
const a5 = <div>/** comment */</div>;
```

# Diagnostics
```
invalid.tsx:1:17 lint/suspicious/noCommentText  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Wrap comments inside children within braces.
  
  > 1 │ const a3 = <div>// comment</div>;
      │                 ^^^^^^^^^^
    2 │ const a4 = <div>/* comment */</div>;
    3 │ const a5 = <div>/** comment */</div>;
  
  i Unsafe fix: Wrap the comments with braces
  
    1   │ - const·a3·=·<div>//·comment</div>;
      1 │ + const·a3·=·<div>{/*·comment*/}</div>;
    2 2 │   const a4 = <div>/* comment */</div>;
    3 3 │   const a5 = <div>/** comment */</div>;
  

```

```
invalid.tsx:2:17 lint/suspicious/noCommentText  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Wrap comments inside children within braces.
  
    1 │ const a3 = <div>// comment</div>;
  > 2 │ const a4 = <div>/* comment */</div>;
      │                 ^^^^^^^^^^^^^
    3 │ const a5 = <div>/** comment */</div>;
  
  i Unsafe fix: Wrap the comments with braces
  
    2 │ const·a4·=·<div>{/*·comment·*/}</div>;
      │                 +             +       

```

```
invalid.tsx:3:17 lint/suspicious/noCommentText  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Wrap comments inside children within braces.
  
    1 │ const a3 = <div>// comment</div>;
    2 │ const a4 = <div>/* comment */</div>;
  > 3 │ const a5 = <div>/** comment */</div>;
      │                 ^^^^^^^^^^^^^^
  
  i Unsafe fix: Wrap the comments with braces
  
    1 1 │   const a3 = <div>// comment</div>;
    2 2 │   const a4 = <div>/* comment */</div>;
    3   │ - const·a5·=·<div>/**·comment·*/</div>;
      3 │ + const·a5·=·<div>{/*·comment·*/}</div>;
  

```