Avoid href when creating internal links

DiamondLightSource · Nov 26, 2024 · a52a245 · a52a245
1 parent 1456fc6
commit a52a245
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/dashboard/src/components/dashboard.tsx b/frontend/dashboard/src/components/dashboard.tsx
@@ -6,10 +6,11 @@ import { Container,
          CardActionArea
 } from '@mui/material';
 import React from 'react';
+import { Link } from 'react-router-dom';
 
 const workflowsCard = (
   <React.Fragment>
-    <CardActionArea href="/workflows">
+    <CardActionArea component={Link} to="/workflows">
       <CardContent>
         <Typography gutterBottom variant="h5" component="div">
           Workflows
@@ -25,7 +26,7 @@ const workflowsCard = (
 
 const templatesCard = (
   <React.Fragment>
-    <CardActionArea href='/templates'>
+    <CardActionArea component={Link} to='/templates'>
       <CardContent>
         <Typography gutterBottom variant="h5" component="div">
           Templates