try another thing

Author: lewisrenfrew

index.js

@@ -43,9 +43,7 @@ import useInitialise from './src/hooks/useInitialise';
 import usePost from './src/hooks/usePost';
 import usePut from './src/hooks/usePut';
 import useSignIn from './src/hooks/useSignIn';
-import useUserProfile
- from './src/hooks/useUserProfile';
- 
+import useUserProfile from './src/hooks/useUserProfile';
 export {
     AddressUtility,
     BackButton,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linn-it/linn-form-components-library",
-  "version": "31.1.0-alpha",
+  "version": "31.1.0-alpha.1",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

src/components/Breadcrumbs.js

@@ -3,10 +3,9 @@ import Typography from '@mui/material/Typography';
 import Link from '@mui/material/Link';
 import Box from '@mui/material/Box';
 
-function Slash() {
-    return <> {' / '} </>;
-}
-
+console.log('Typography:', Typography);
+console.log('Link:', Link);
+console.log('Box:', Box);
 function Breadcrumbs({
     navigate,
     rootPathLength = 2,
@@ -57,11 +56,11 @@ function Breadcrumbs({
             >
                 HOME
             </Link>
-            <Slash />
+            <> {' / '} </>
             {crumbs.map((crumb, index) => {
                 if (index < crumbs.length - 1) {
                     return (
-                        <Fragment key={index}>
+                        <Box key={index}>
                             <Link
                                 key={crumb.href}
                                 href={crumb.href}
@@ -75,8 +74,8 @@ function Breadcrumbs({
                             >
                                 {crumb.caption}
                             </Link>
-                            <Slash />
-                        </Fragment>
+                            <> {' / '} </>
+                        </Box>
                     );
                 }
                 return (