From ae4c6c696f5f8befddb0b7cfcdc2b0ed71f46ba2 Mon Sep 17 00:00:00 2001
From: Varun Chawla <varun_6april@hotmail.com>
Date: Sat, 7 Feb 2026 22:09:23 -0800
Subject: [PATCH] Fix TypeScript lint error: Replace banned type {} with
 React.PropsWithChildren

Replace the deprecated {} type with React.PropsWithChildren for the List component props type. This resolves the @typescript-eslint/ban-types lint error.

The {} type is discouraged because it means "any non-nullish value" rather than "empty object". React.PropsWithChildren correctly expresses that the component accepts children.
---
 dev/react/src/tests/layout-group-unmount-list.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dev/react/src/tests/layout-group-unmount-list.tsx b/dev/react/src/tests/layout-group-unmount-list.tsx
index 7852b3672d..eb39cda4d0 100644
--- a/dev/react/src/tests/layout-group-unmount-list.tsx
+++ b/dev/react/src/tests/layout-group-unmount-list.tsx
@@ -54,7 +54,7 @@ const stackStyle: React.CSSProperties = {
     backgroundColor: "blue",
 }
 
-const List: React.FunctionComponent<{}> = (props) => {
+const List: React.FunctionComponent<React.PropsWithChildren> = (props) => {
     return (
         <LayoutGroup id="list">
             <motion.div style={{ display: "contents" }}>