Merge pull request #35 from layer5io/chore/upgrade-packages

Chore: upgrade packages

Author: hortison

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

docs/pages/_document.js

@@ -75,9 +75,9 @@ class MyDocument extends Document {
   }
 }
 
-MyDocument.getInitialProps = ctx => {
+MyDocument.getInitialProps = (ctx) => {
   const pageContext = getPageContext();
-  const page = ctx.renderPage(Component => props => (
+  const page = ctx.renderPage((Component) => (props) => (
     <JssProvider registry={pageContext.sheetsRegistry} generateClassName={pageContext.generateClassName}>
       <Component pageContext={pageContext} {...props} />
     </JssProvider>

docs/pages/index.js

@@ -10,7 +10,7 @@ import Layout from '../utils/layout';
 import withRoot from '../utils/withRoot';
 import { withStyles } from 'tss-react/mui';
 
-const styles = theme => ({
+const styles = (theme) => ({
   stepIcon: {
     fontSize: '30px',
     marginRight: theme.spacing.unit * 2,

docs/utils/CodeSnippet.js

@@ -7,7 +7,7 @@ import 'prismjs/components/prism-bash';
 import Paper from '@mui/material/Paper';
 import { withStyles } from 'tss-react/mui';
 
-const styles = theme => ({});
+const styles = (theme) => ({});
 
 class CodeSnippet extends React.Component {
   static propTypes = {

docs/utils/Menu.js

@@ -7,7 +7,7 @@ import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import ListSubheader from '@mui/material/ListSubheader';
 
-const styles = theme => ({
+const styles = (theme) => ({
   list: {
     width: 250,
   },
@@ -26,7 +26,7 @@ const sandboxes = [
   { name: 'Resizable Columns', href: 'https://codesandbox.io/embed/q8w3230qpj?autoresize=1&hidenavigation=1' },
 ];
 
-const SandboxItem = props => (
+const SandboxItem = (props) => (
   <ListItem button>
     <ListItemText onClick={() => window.open(props.href, '_blank')} primary={props.name} />
   </ListItem>
@@ -49,8 +49,9 @@ class Menu extends React.Component {
               <ListSubheader className={classes.listTitle} component="h2">
                 Examples
               </ListSubheader>
-            }>
-            {sandboxes.map(item => (
+            }
+          >
+            {sandboxes.map((item) => (
               <SandboxItem href={item.href} name={item.name} />
             ))}
           </List>

docs/utils/layout.js

@@ -15,7 +15,7 @@ import Menu from './Menu';
 /* eslint-disable import/no-webpack-loader-syntax  */
 import lightTheme from '!raw-loader!prismjs/themes/prism.css';
 
-const styles = theme => ({
+const styles = (theme) => ({
   appBar: {
     backgroundColor: '#23232f',
   },
@@ -85,7 +85,8 @@ class Layout extends React.Component {
                 component="a"
                 color="inherit"
                 href="https://github.com/gregnb/mui-datatables"
-                aria-labelledby="appbar-github">
+                aria-labelledby="appbar-github"
+              >
                 <GitHub />
               </IconButton>
             </Tooltip>

docs/utils/withRoot.js

@@ -33,7 +33,7 @@ function withRoot(Component) {
     pageContext: PropTypes.object,
   };
 
-  WithRoot.getInitialProps = ctx => {
+  WithRoot.getInitialProps = (ctx) => {
     if (Component.getInitialProps) {
       return Component.getInitialProps(ctx);
     }