diff --git a/react/index.d.ts b/react/index.d.ts
index 6131539dbc..a3b778ad48 100644
--- a/react/index.d.ts
+++ b/react/index.d.ts
@@ -2146,6 +2146,7 @@ declare namespace React {
         shape?: string;
         size?: number;
         sizes?: string;
+        slot?: string;
         span?: number;
         spellCheck?: boolean;
         src?: string;
diff --git a/react/test/index.ts b/react/test/index.ts
index 4b00e988bf..1bf6c8dcc2 100644
--- a/react/test/index.ts
+++ b/react/test/index.ts
@@ -317,6 +317,7 @@ var htmlAttr: React.HTMLProps<HTMLElement> = {
     children: children,
     className: "test-attr",
     style: divStyle,
+    slot: "HTMLComponent",
     onClick: (event: React.MouseEvent<{}>) => {
         event.preventDefault();
         event.stopPropagation();
diff --git a/react/test/tsx.tsx b/react/test/tsx.tsx
index 0531cb52c0..540c712596 100644
--- a/react/test/tsx.tsx
+++ b/react/test/tsx.tsx
@@ -30,5 +30,6 @@ StatelessComponent2.defaultProps = {
         <text x="200" y="300" strokeWidth="5" stroke="black" alignmentBaseline="middle">
             Hello, world!
         </text>
+        <div slot="Some Div"> Hello again! </div>
     </g>
 </svg>;