Take care of issue vitest-dev/vitest#4185

Author: forman

chartlets.js/packages/lib/src/plugins/mui/Box.tsx

@@ -10,17 +10,17 @@ interface BoxState extends ComponentState {
 
 interface BoxProps extends ComponentProps, BoxState {}
 
-export function Box({
+export const Box = ({
   id,
   style,
   color,
   component,
   children: nodes,
   onChange,
-}: BoxProps) {
+}: BoxProps) => {
   return (
     <MuiBox id={id} style={style} color={color} component={component || "div"}>
       <Children nodes={nodes} onChange={onChange} />
     </MuiBox>
   );
-}
+};

chartlets.js/packages/lib/src/plugins/mui/CircularProgress.tsx

@@ -10,13 +10,13 @@ interface CircularProgressState extends ComponentState {
 
 interface CircularProgressProps extends ComponentProps, CircularProgressState {}
 
-export function CircularProgress({
+export const CircularProgress = ({
   id,
   style,
   size,
   value,
   variant,
-}: CircularProgressProps) {
+}: CircularProgressProps) => {
   return (
     <MuiCircularProgress
       id={id}
@@ -26,4 +26,4 @@ export function CircularProgress({
       variant={variant}
     />
   );
-}
+};

chartlets.js/packages/lib/src/plugins/mui/LinearProgress.tsx

@@ -10,13 +10,13 @@ interface LinearProgressState extends ComponentState {
 
 interface LinearProgressProps extends ComponentProps, LinearProgressState {}
 
-export function LinearProgress({
+export const LinearProgress = ({
   id,
   style,
   value,
   variant,
-}: LinearProgressProps) {
+}: LinearProgressProps) => {
   return (
     <MuiLinearProgress id={id} style={style} value={value} variant={variant} />
   );
-}
+};

chartlets.js/packages/lib/src/plugins/mui/Typography.tsx

@@ -13,7 +13,7 @@ interface TypographyState extends ComponentState {
 
 interface TypographyProps extends ComponentProps, TypographyState {}
 
-export function Typography({
+export const Typography = ({
   id,
   style,
   align,
@@ -22,7 +22,7 @@ export function Typography({
   variant,
   children: nodes,
   onChange,
-}: TypographyProps) {
+}: TypographyProps) => {
   return (
     <MuiTypography
       id={id}
@@ -35,4 +35,4 @@ export function Typography({
       <Children nodes={nodes} onChange={onChange} />
     </MuiTypography>
   );
-}
+};