[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: {