[Fix] no-unknown-property: allow shadow root attrs on <template>

Fixes #3912

Author: ljharb

CHANGELOG.md

@@ -7,9 +7,13 @@ This change log adheres to standards from [Keep a CHANGELOG](https://keepachange
 
 ## Unreleased
 
+### Fixed
+* [`no-unknown-property`]: allow shadow root attrs on `<template>` ([#3912][] @ljharb)
+
 ### Changed
 * [Docs] [`button-has-type`]: clean up phrasing ([#3909][] @hamirmahal)
 
+[#3912]: https://github.com/jsx-eslint/eslint-plugin-react/issues/3912
 [#3909]: https://github.com/jsx-eslint/eslint-plugin-react/pull/3909
 
 ## [7.37.4] - 2025.01.12

lib/rules/no-unknown-property.js

@@ -118,6 +118,10 @@ const ATTRIBUTE_TAGS_MAP = {
   scrolling: ['iframe'],
   returnValue: ['dialog'],
   webkitDirectory: ['input'],
+  shadowrootmode: ['template'],
+  shadowrootclonable: ['template'],
+  shadowrootdelegatesfocus: ['template'],
+  shadowrootserializable: ['template'],
 };
 
 const SVGDOM_ATTRIBUTE_NAMES = {

tests/lib/rules/no-unknown-property.js

@@ -79,6 +79,7 @@ ruleTester.run('no-unknown-property', rule, {
     { code: '<table border="1" />' },
     { code: '<th abbr="abbr" />' },
     { code: '<td abbr="abbr" />' },
+    { code: '<template shadowrootmode="open" shadowrootclonable shadowrootdelegatesfocus shadowrootserializable />' },
     {
       code: '<div allowTransparency="true" />',
       settings: {