Replace usage of activeClassName in react-router-dom v6 ⬆️

src/ui/components/Sidebar/Sidebar.jsx

@@ -39,7 +39,7 @@ export default function Sidebar(props) {
           <NavLink
             to={prop.layout + prop.path}
             className={activePro + classes.item}
-            activeClassName='active'
+            activeclassname='active'
             key={key}
             style={{ textDecoration: 'none' }}
           >

src/ui/views/Login/Login.jsx

@@ -79,13 +79,13 @@ export default function UserProfile() {
   return (
     <form onSubmit={handleSubmit}>
       <Snackbar
-        open={message}
+        open={true}
         message={message}
         anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
         autoHideDuration={5000}
         onClose={() => setMessage('')}
       />
-      <GridContainer justify='center' style={{ minHeight: '100vh' }} alignItems='center'>
+      <GridContainer justifyContent='center' style={{ minHeight: '100vh' }} alignItems='center'>
         <GridItem xs={12} sm={10} md={6} lg={4} xl={3}>
           <Card>
             <CardHeader color='primary'>
@@ -147,7 +147,7 @@ export default function UserProfile() {
             </CardFooter>
           </Card>
           <div style={{ textAlign: 'center', opacity: 0.9, fontSize: '12px' }}>
-            <Badge color='error' badgeContent={'NEW'} />{' '}
+            <Badge overlap='rectangular' color='error' badgeContent={'NEW'} />{' '}
             <span style={{ paddingLeft: '20px' }}>
               View our <a href='/admin/push'>open source activity feed</a> or{' '}
               <a href='/admin/repo'>scroll through projects</a> we contribute to

src/ui/views/User/User.jsx

@@ -35,9 +35,11 @@ export default function Dashboard(props) {
   const navigate = useNavigate();
 
   useEffect(() => {
-    const id = props.match.params.id;
-    if (id == null) {
+    let id = null;
+    if (!props.match) {
       setIsProfile(true);
+    } else {
+      id = props.match.params.id;
     }
 
     if (id) {