chore: next-link codemod #312

clevercanary · Aug 13, 2023 · 88b4f18 · 88b4f18
1 parent 07808ee
commit 88b4f18
Show file tree

Hide file tree

Showing 14 changed files with 18 additions and 16 deletions.
diff --git a/packages/data-explorer-ui/src/components/Error/error.tsx b/packages/data-explorer-ui/src/components/Error/error.tsx
@@ -61,7 +61,7 @@ export const Error = ({
         </SectionContent>
         {rootPath && (
           <SectionActions>
-            <Link href={rootPath} passHref>
+            <Link href={rootPath} passHref legacyBehavior>
               <ButtonPrimary href="passHref">To Homepage</ButtonPrimary>
             </Link>
           </SectionActions>

diff --git a/packages/data-explorer-ui/src/components/Export/components/ExportMethod/exportMethod.tsx b/packages/data-explorer-ui/src/components/Export/components/ExportMethod/exportMethod.tsx
@@ -33,7 +33,7 @@ export const ExportMethod = ({
           <Typography variant="text-body-400-2lines">{description}</Typography>
         </SectionContent>
         <SectionActions>
-          <Link href={route} passHref>
+          <Link href={route} passHref legacyBehavior>
             <ExportButton disabled={disabled}>{buttonLabel}</ExportButton>
           </Link>
         </SectionActions>

diff --git a/packages/data-explorer-ui/src/components/Index/components/Hero/hero.tsx b/packages/data-explorer-ui/src/components/Index/components/Hero/hero.tsx
@@ -27,7 +27,7 @@ export const Hero = ({ Summaries, title }: HeroProps): JSX.Element => {
             {/* TODO +n link widget, and accompanying Dot separator */}
             {Summaries}
           </SummaryWidget>
-          <Link href="/export" passHref>
+          <Link href="/export" passHref legacyBehavior>
             <ExportButton href="passHref">Export</ExportButton>
           </Link>
         </Widgets>

diff --git a/packages/data-explorer-ui/src/components/Layout/components/Footer/footer.tsx b/packages/data-explorer-ui/src/components/Layout/components/Footer/footer.tsx
@@ -40,7 +40,7 @@ export const Footer = ({
         </Stack>
         <Stack alignItems="stretch" direction="row" gap={6}>
           {navLinks.map(({ label, url }) => (
-            <NLink key={label} href={url} passHref>
+            <NLink key={label} href={url} passHref legacyBehavior>
               <Link
                 alignItems="center"
                 color="ink.main"

diff --git a/packages/data-explorer-ui/src/components/Layout/components/Header/components/Logo/logo.tsx b/packages/data-explorer-ui/src/components/Layout/components/Header/components/Logo/logo.tsx
@@ -22,9 +22,7 @@ export const Logo = ({
 }: LogoProps): JSX.Element => {
   return (
     <Link href={link} passHref>
-      <a href="passHref">
-        <StaticImage alt={alt} height={height} src={src} width={width} />
-      </a>
+      <StaticImage alt={alt} height={height} src={src} width={width} />
     </Link>
   );
 };
diff --git a/...data-explorer-ui/src/components/Layout/components/Header/components/NavLinks/navLinks.tsx b/...data-explorer-ui/src/components/Layout/components/Header/components/NavLinks/navLinks.tsx
@@ -37,7 +37,7 @@ export const NavLinks = ({
         menuItems ? (
           <NavLinkMenu key={label} menuItems={menuItems} menuLabel={label} />
         ) : (
-          <Link key={url} href={url} passHref>
+          <Link key={url} href={url} passHref legacyBehavior>
             <Button
               href="passHref"
               sx={{

diff --git a/packages/data-explorer-ui/src/components/Layout/components/Nav/nav.tsx b/packages/data-explorer-ui/src/components/Layout/components/Nav/nav.tsx
@@ -22,7 +22,7 @@ export const Nav = ({ Hero, navigation }: NavProps): JSX.Element => {
         {navigation.map(({ active, label, url }, i) => {
           return (
             <ListItem key={`${label}${i}`}>
-              <Link href={url ?? ""} passHref>
+              <Link href={url ?? ""} passHref legacyBehavior>
                 <ListItemButton disabled={!url} selected={active}>
                   <ListItemText disableTypography primary={label} />
                 </ListItemButton>

diff --git a/packages/data-explorer-ui/src/components/Links/components/Link/link.tsx b/packages/data-explorer-ui/src/components/Links/components/Link/link.tsx
@@ -25,7 +25,7 @@ export const Link = ({
     <>
       {isClientSideNavigation(url) ? (
         <>
-          <NLink href={url} passHref>
+          <NLink href={url} passHref legacyBehavior>
             <MLink
               rel="noopener"
               noWrap={noWrap}

diff --git a/packages/data-explorer-ui/src/components/Project/components/Contacts/contacts.tsx b/packages/data-explorer-ui/src/components/Project/components/Contacts/contacts.tsx
@@ -19,7 +19,7 @@ export const Contacts = ({ contacts }: ContactsProps): JSX.Element => {
             <Typography variant="text-body-500-2lines">{name}</Typography>
             {institution && <span>{institution}</span>}
             {email && (
-              <Link href={`mailto:${email}`} passHref>
+              <Link href={`mailto:${email}`} passHref legacyBehavior>
                 <EmailLink>{email}</EmailLink>
               </Link>
             )}

diff --git a/...ata-explorer-ui/src/components/Project/components/DataReleasePolicy/dataReleasePolicy.tsx b/...ata-explorer-ui/src/components/Project/components/DataReleasePolicy/dataReleasePolicy.tsx
@@ -8,7 +8,11 @@ export const DataReleasePolicy = (): JSX.Element => {
     <CollapsableSection title="Data Access Policy">
       <Typography>
         For information regarding data sharing and data use, please see our{" "}
-        <Link href="https://anvilproject.org/faq/data-security/" passHref>
+        <Link
+          href="https://anvilproject.org/faq/data-security/"
+          passHref
+          legacyBehavior
+        >
           <PolicyLink target="_blank">Data Access Policy</PolicyLink>
         </Link>
         .

diff --git a/packages/data-explorer-ui/src/components/common/Breadcrumbs/breadcrumbs.tsx b/packages/data-explorer-ui/src/components/common/Breadcrumbs/breadcrumbs.tsx
@@ -29,7 +29,7 @@ export const Breadcrumbs = ({
         <MBreadcrumbs className={className} separator={Separator}>
           {breadcrumbs.map(({ path, text }, b) =>
             path ? (
-              <Link key={`${path}${b}`} href={path} passHref>
+              <Link key={`${path}${b}`} href={path} passHref legacyBehavior>
                 <BreadcrumbLink>{text}</BreadcrumbLink>
               </Link>
             ) : (

diff --git a/...orer-ui/src/components/common/Button/components/CallToActionButton/callToActionButton.tsx b/...orer-ui/src/components/common/Button/components/CallToActionButton/callToActionButton.tsx
@@ -26,7 +26,7 @@ export const CallToActionButton = ({
   const { label, target, url } = callToAction;
   const isInternal = isClientSideNavigation(url);
   return isInternal ? (
-    <NLink href={url} passHref>
+    <NLink href={url} passHref legacyBehavior>
       <Button
         className={className}
         disabled={disabled}

diff --git a/...ata-explorer-ui/src/components/common/Button/components/HelpIconButton/helpIconButton.tsx b/...ata-explorer-ui/src/components/common/Button/components/HelpIconButton/helpIconButton.tsx
@@ -19,7 +19,7 @@ export const HelpIconButton = ({
 }: HelpIconButtonProps): JSX.Element => {
   const isInternal = isClientSideNavigation(url);
   return isInternal ? (
-    <Link href={url} passHref>
+    <Link href={url} passHref legacyBehavior>
       <Button
         href="passHref"
         rel="noopener"

diff --git a/packages/data-explorer-ui/src/components/common/Socials/socials.tsx b/packages/data-explorer-ui/src/components/common/Socials/socials.tsx
@@ -41,7 +41,7 @@ export const Socials = ({
   return (
     <Box display="flex" sx={[...(Array.isArray(sx) ? sx : [sx])]}>
       {socials.map(({ type, url }) => (
-        <Link key={type} href={url} passHref>
+        <Link key={type} href={url} passHref legacyBehavior>
           <IconButtonElType
             href="passHref"
             rel="noopener"