Indicate that these component are client only

see: mui/material-ui#34905
CodeForAfrica · Sep 6, 2024 · 6b00ee2 · 6b00ee2
1 parent 1293a12
commit 6b00ee2
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 17 deletions.
diff --git a/packages/commons-ui-core/src/ImageButton/ImageButton.js b/packages/commons-ui-core/src/ImageButton/ImageButton.js
@@ -1,3 +1,5 @@
+"use client";
+
 import ButtonBase from "@mui/material/ButtonBase";
 import { styled } from "@mui/material/styles";
 import PropTypes from "prop-types";
@@ -53,10 +55,4 @@ ImageButton.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 };
 
-ImageButton.defaultProps = {
-  height: undefined,
-  src: undefined,
-  width: undefined,
-};
-
 export default ImageButton;
diff --git a/packages/commons-ui-core/src/NavBar/NavBar.js b/packages/commons-ui-core/src/NavBar/NavBar.js
@@ -1,3 +1,5 @@
+"use client";
+
 import AppBar from "@mui/material/AppBar";
 import { styled } from "@mui/material/styles";
 import Toolbar from "@mui/material/Toolbar";

diff --git a/packages/commons-ui-core/src/NavList/NavList.js b/packages/commons-ui-core/src/NavList/NavList.js
@@ -1,3 +1,5 @@
+"use client";
+
 import { styled } from "@mui/material/styles";
 import PropTypes from "prop-types";
 import React from "react";

diff --git a/packages/commons-ui-core/src/RichTypography/RichTypography.js b/packages/commons-ui-core/src/RichTypography/RichTypography.js
@@ -1,3 +1,5 @@
+"use client";
+
 import { styled } from "@mui/material/styles";
 import Typography from "@mui/material/Typography";
 import PropTypes from "prop-types";
@@ -65,10 +67,4 @@ RichTypography.propTypes = {
   component: PropTypes.elementType,
 };
 
-RichTypography.defaultProps = {
-  children: undefined,
-  html: undefined,
-  component: undefined,
-};
-
 export default RichTypography;
diff --git a/packages/commons-ui-core/src/Section/Section.js b/packages/commons-ui-core/src/Section/Section.js
@@ -1,3 +1,5 @@
+"use client";
+
 import { Container } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import PropTypes from "prop-types";
@@ -37,7 +39,7 @@ const Section = React.forwardRef(function Section(props, ref) {
 
   return (
     <SectionRoot
-      {...props}
+      {...others}
       disableGutters={disableGutters}
       fixed={fixed}
       ownerState={ownerState}
@@ -50,8 +52,4 @@ Section.propTypes = {
   fixed: PropTypes.bool,
 };
 
-Section.defaultProps = {
-  fixed: undefined,
-};
-
 export default Section;