fix: update buttonexample

packages/components/src/ButtonExample/ButtonExample.js

@@ -1,12 +1,8 @@
 import { Button } from '@mui/material';
 import { ThemeProvider } from '@master-c8/theme';
+import { forwardRef } from 'react';
 
-const ButtonExample = (props) => {
-  return (
-    <ThemeProvider>
-      <Button variant="contained" {...props}/>
-    </ThemeProvider>
-  );
-};
-
+const ButtonExample = forwardRef(function ButtonExample(props, ref) {
+  return <Button ref={ref} {...props} />;
+});
 export default ButtonExample;

packages/components/src/ButtonExample/ButtonExample.stories.js

@@ -1,8 +1,16 @@
+import { ThemeProvider } from '@master-c8/theme';
+
 import ButtonExample from './ButtonExample';
 
 export default {
   title: 'example/button',
   component: ButtonExample,
 };
 
-export const Default = () => <ButtonExample>Button Dafault</ButtonExample>;
+export const Default = () => {
+  return (
+    <ThemeProvider>
+      <ButtonExample variant="contained">Button Dafault</ButtonExample>
+    </ThemeProvider>
+  );
+};