biomejs · Netail · Apr 20, 2026
diff --git a/.changeset/slick-paths-give.md b/.changeset/slick-paths-give.md
@@ -0,0 +1,14 @@
+---
+"@biomejs/biome": patch
+---
+
+Added the nursery rule [`noJsxLeakedComment`](https://biomejs.dev/linter/rules/no-jsx-leaked-comment), which prevents comments from being inserted as JSX text nodes.
+
+**Invalid**:
+
+```jsx
+<div>
+  // This will be rendered as text
+  /* This will also be rendered as text */
+</div>
+```
diff --git a/crates/biome_cli/src/execute/migrate/eslint_any_rule_to_biome.rs b/crates/biome_cli/src/execute/migrate/eslint_any_rule_to_biome.rs
diff --git a/crates/biome_configuration/src/analyzer/linter/rules.rs b/crates/biome_configuration/src/analyzer/linter/rules.rs
diff --git a/crates/biome_configuration/src/generated/domain_selector.rs b/crates/biome_configuration/src/generated/domain_selector.rs
diff --git a/crates/biome_configuration/src/generated/linter_options_check.rs b/crates/biome_configuration/src/generated/linter_options_check.rs
diff --git a/crates/biome_diagnostics_categories/src/categories.rs b/crates/biome_diagnostics_categories/src/categories.rs
diff --git a/crates/biome_js_analyze/src/lint/nursery/no_jsx_leaked_comment.rs b/crates/biome_js_analyze/src/lint/nursery/no_jsx_leaked_comment.rs
@@ -0,0 +1,130 @@
+use biome_analyze::{
+    Ast, Rule, RuleDiagnostic, RuleDomain, RuleSource, context::RuleContext, declare_lint_rule,
+};
+use biome_console::markup;
+use biome_diagnostics::Severity;
+use biome_js_syntax::JsxText;
+use biome_rowan::{TextRange, TextSize};
+use biome_rule_options::no_jsx_leaked_comment::NoJsxLeakedCommentOptions;
+
+declare_lint_rule! {
+    /// Prevent comments from being inserted as JSX text nodes.
+    ///
+    /// Comments inside JSX children must be wrapped in braces, otherwise they are rendered as text.
+    ///
+    /// ## Examples
+    ///
+    /// ### Invalid
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <div>// comment</div>
+    /// ```
+    ///
+    /// ```jsx,expect_diagnostic
+    /// <div>/* comment */</div>
+    /// ```
+    ///
+    /// ### Valid
+    ///
+    /// ```jsx
+    /// <div>{/* comment */}</div>
+    /// ```
+    ///
+    pub NoJsxLeakedComment {
+        version: "next",
+        name: "noJsxLeakedComment",
+        language: "jsx",
+        domains: &[RuleDomain::Qwik, RuleDomain::React],
+        sources: &[RuleSource::EslintReact("jsx-no-comment-textnodes").same(), RuleSource::EslintReactJsx("no-comment-textnodes").same(), RuleSource::EslintReactXyz("jsx-no-comment-textnodes").same()],
+        recommended: false,
+        severity: Severity::Warning,
+    }
+}
+
+impl Rule for NoJsxLeakedComment {
+    type Query = Ast<JsxText>;
+    type State = TextRange;
+    type Signals = Option<Self::State>;
+    type Options = NoJsxLeakedCommentOptions;
+
+    fn run(ctx: &RuleContext<Self>) -> Self::Signals {
+        let node = ctx.query();
+        let jsx_value = node.value_token().ok()?;
+        let node_range_start = jsx_value.text_range().start();
+        let jsx_value = jsx_value.text();
+        let bytes = jsx_value.as_bytes();
+        let mut bytes_iter = jsx_value.bytes().enumerate();
+
+        let is_comment_start = |index: usize| -> bool {
+            if index == 0 {
+                return true;
+            }
+            let prev_byte = bytes.get(index - 1);
+            // Allow comment if preceded by whitespace, but not if it's "://" (URL)
+            prev_byte.is_some_and(|&b| {
+                b.is_ascii_whitespace() && !(b == b':' && bytes.get(index + 1) == Some(&b'/'))
+            })
+        };
+
+        while let Some((index, byte)) = bytes_iter.next() {
+            if byte != b'/' {
+                continue;
+            }
+
+            match bytes_iter.next()? {
+                (_, b'/') => {
+                    if is_comment_start(index) {
+                        let end = bytes_iter
+                            .find(|(_, current)| current == &b'\n')
+                            .map_or(bytes.len(), |(idx, _)| idx);
+                        return Some(TextRange::new(
+                            node_range_start + TextSize::from(index as u32),
+                            node_range_start + TextSize::from(end as u32),
+                        ));
+                    }
+                }
+                (_, b'*') => {
+                    if is_comment_start(index) {
+                        let comment_start = index;
+                        let mut end = bytes.len(); // Default to end of text if no closing found
+
+                        while let Some((_, byte)) = bytes_iter.next() {
+                            if byte != b'*' {
+                                continue;
+                            }
+
+                            let Some((close_index, b'/')) = bytes_iter.next() else {
+                                continue;
+                            };
+
+                            end = close_index + 1;
+                            break;
+                        }
+
+                        return Some(TextRange::new(
+                            node_range_start + TextSize::from(comment_start as u32),
+                            node_range_start + TextSize::from(end as u32),
+                        ));
+                    }
+                }
+                _ => {}
+            }
+        }
+
+        None
+    }
+
+    fn diagnostic(_ctx: &RuleContext<Self>, state: &Self::State) -> Option<RuleDiagnostic> {
+        Some(RuleDiagnostic::new(
+            rule_category!(),
+            state,
+            markup! {
+                "Unexpected comment syntax in a text node."
+            },
+        ).note(
+            markup! {
+                "This comment syntax will be rendered as text. Wrap "<Emphasis>"comments"</Emphasis>" inside JSX children with "<Emphasis>"braces"</Emphasis>" or remove them entirely."
+            }
+        ))
+    }
+}
diff --git a/crates/biome_js_analyze/src/lint/nursery/no_jsx_leaked_dollar.rs b/crates/biome_js_analyze/src/lint/nursery/no_jsx_leaked_dollar.rs
@@ -71,7 +71,7 @@ declare_lint_rule! {
         recommended: false,
         fix_kind: FixKind::Unsafe,
         severity: Severity::Warning,
-        domains: &[RuleDomain::React],
+        domains: &[RuleDomain::Qwik, RuleDomain::React],
         sources: &[RuleSource::EslintReactJsx("no-leaked-dollar").same(), RuleSource::EslintReactXyz("jsx-no-leaked-dollar").same()],
     }
 }

diff --git a/crates/biome_js_analyze/tests/specs/nursery/noJsxLeakedComment/invalid.jsx b/crates/biome_js_analyze/tests/specs/nursery/noJsxLeakedComment/invalid.jsx
@@ -0,0 +1,24 @@
+/* should generate diagnostics */
+const Invalid1 = () => <div>// invalid</div>;
+const Invalid2 = () => <>// invalid</>;
+const Invalid3 = () => <div>/* invalid */</div>;
+const Invalid4 = () => (
+	<div>
+    // invalid
+	</div>
+);
+const Invalid5 = () => (
+	<div>
+		abcdef
+		/* invalid */
+		foo
+	</div>
+);
+const Invalid6 = () => (
+	<div>
+		{'abcdef'}
+        // invalid
+		{'foo'}
+	</div>
+);
+const Invalid7 = () => <span>/*</span>;