Add object ref test

mui · Mar 23, 2022 · 67e0f08 · 67e0f08
1 parent c62b235
commit 67e0f08
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/mui-material/test/typescript/index.spec.tsx b/packages/mui-material/test/typescript/index.spec.tsx
@@ -4,7 +4,7 @@ import DialogTitle from '@mui/material/DialogTitle';
 import DialogContent from '@mui/material/DialogContent';
 import DialogContentText from '@mui/material/DialogContentText';
 
-export default function TestStandardPropsUsage() {
+function TestStandardPropsCallbackRefUsage() {
   const contentRef = React.useRef<HTMLDivElement | null>(null);
 
   const setContentRef = React.useCallback((node: HTMLDivElement | null) => {
@@ -21,3 +21,16 @@ export default function TestStandardPropsUsage() {
     </Dialog>
   );
 }
+
+function TestStandardPropsObjectRefUsage() {
+  const contentRef = React.useRef<HTMLDivElement | null>(null);
+
+  return (
+    <Dialog open>
+      <DialogTitle>Dialog Demo</DialogTitle>
+      <DialogContent ref={contentRef}>
+        <DialogContentText>Dialog content</DialogContentText>
+      </DialogContent>
+    </Dialog>
+  );
+}