Mark @/commons-ui/core components as client only for now

apps/engineeringblog/app/page.tsx

@@ -1,9 +1,10 @@
-import { Box, Container } from "@mui/material";
+import { Section } from "@commons-ui/core";
+import { Box } from "@mui/material";
 
 export default function index() {
   return (
-    <Container>
+    <Section>
       <Box minHeight="1000px">Homepage</Box>
-    </Container>
+    </Section>
   );
 }

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;

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";

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";

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;

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;