fix: Resolve build issue with latest MUI version

theopensystemslab · May 22, 2023 · 0edd1f5 · 0edd1f5
1 parent adb6d53
commit 0edd1f5
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 32 deletions.
diff --git a/editor.planx.uk/package.json b/editor.planx.uk/package.json
@@ -11,9 +11,9 @@
     "@feedback-fish/react": "^1.2.1",
     "@material-ui/core": "^4.12.4",
     "@mui/icons-material": "^5.11.16",
-    "@mui/material": "5.11.13",
-    "@mui/styles": "5.11.13",
-    "@mui/utils": "5.11.13",
+    "@mui/material": "5.12.3",
+    "@mui/styles": "5.12.3",
+    "@mui/utils": "5.12.3",
     "@opensystemslab/map": "^0.7.4",
     "@opensystemslab/planx-core": "github:theopensystemslab/planx-core#026f43f",
     "@opensystemslab/planx-document-templates": "github:theopensystemslab/planx-document-templates#debaeca",

diff --git a/editor.planx.uk/pnpm-lock.yaml b/editor.planx.uk/pnpm-lock.yaml
diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx
@@ -44,10 +44,10 @@ const BreadcrumbsRoot = styled(Box)(() => ({
   fontSize: 20,
 }));
 
-const BreadcrumbLink = styled(ReactNaviLink)(() => ({
+const StyledLink = styled(ReactNaviLink)(() => ({
   color: "#fff",
   textDecoration: "none",
-}));
+})) as typeof Link;
 
 const StyledToolbar = styled(MuiToolbar)(({ theme }) => ({
   paddingLeft: theme.spacing(4),
@@ -190,25 +190,25 @@ const Breadcrumbs: React.FC<{
       {route.data.team && (
         <>
           {" / "}
-          <Link
-            component={BreadcrumbLink}
+          <StyledLink
+            component={ReactNaviLink}
             href={`/${route.data.team}`}
             prefetch={false}
           >
             {route.data.team}
-          </Link>
+          </StyledLink>
         </>
       )}
       {route.data.flow && (
         <>
           {" / "}
-          <Link
-            component={BreadcrumbLink}
+          <StyledLink
+            component={ReactNaviLink}
             href={rootFlowPath(false)}
             prefetch={false}
           >
             {route.data.flow}
-          </Link>
+          </StyledLink>
         </>
       )}
     </BreadcrumbsRoot>