From d5984f4141e50023e14bdac28db9a59666e7cbd5 Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Wed, 26 Oct 2022 18:20:56 -0700
Subject: [PATCH] chore: make things work on next 13

---
 src/components/Layout.tsx            | 8 ++++----
 src/components/Link.tsx              | 6 ++++--
 src/components/pages/Files/index.tsx | 2 +-
 src/pages/auth/login.tsx             | 4 ++--
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 29ce05f..8ee1978 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -57,7 +57,7 @@ import { friendlyThemeName, themes } from './Theming';
 
 function MenuItemLink(props) {
   return (
-    <Link href={props.href} passHref>
+    <Link href={props.href} passHref legacyBehavior>
       <MenuItem {...props} />
     </Link>
   );
@@ -258,7 +258,7 @@ export default function Layout({ children, props }) {
         <Navbar pt='sm' hiddenBreakpoint='sm' hidden={!opened} width={{ sm: 200, lg: 230 }}>
           <Navbar.Section grow component={ScrollArea}>
             {items.map(({ icon, text, link }) => (
-              <Link href={link} key={text} passHref>
+              <Link href={link} key={text} passHref legacyBehavior>
                 <NavLink
                   component='a'
                   label={text}
@@ -278,7 +278,7 @@ export default function Layout({ children, props }) {
                 {admin_items
                   .filter((x) => x.if(props))
                   .map(({ icon, text, link }) => (
-                    <Link href={link} key={text} passHref>
+                    <Link href={link} key={text} passHref legacyBehavior>
                       <NavLink
                         component='a'
                         label={text}
@@ -294,7 +294,7 @@ export default function Layout({ children, props }) {
           <Navbar.Section>
             {external_links.length
               ? external_links.map(({ label, link }, i) => (
-                  <Link href={link} passHref key={i}>
+                  <Link href={link} passHref key={i} legacyBehavior>
                     <NavLink
                       label={label}
                       component='a'
diff --git a/src/components/Link.tsx b/src/components/Link.tsx
index 97e0182..1b0457f 100644
--- a/src/components/Link.tsx
+++ b/src/components/Link.tsx
@@ -1,3 +1,5 @@
-import { NextLink as Link } from '@mantine/next';
+import { NextLink } from '@mantine/next';
 
-export default Link;
+export default function Link(props) {
+  return <NextLink legacyBehavior {...props} />;
+}
diff --git a/src/components/pages/Files/index.tsx b/src/components/pages/Files/index.tsx
index 3ed88b5..da73013 100644
--- a/src/components/pages/Files/index.tsx
+++ b/src/components/pages/Files/index.tsx
@@ -23,7 +23,7 @@ export default function Files({ disableMediaPreview }) {
     <>
       <Group mb='md'>
         <Title>Files</Title>
-        <Link href='/dashboard/upload' passHref>
+        <Link href='/dashboard/upload' passHref legacyBehavior>
           <ActionIcon component='a' variant='filled' color='primary'>
             <PlusIcon />
           </ActionIcon>
diff --git a/src/pages/auth/login.tsx b/src/pages/auth/login.tsx
index 1e4dd94..23311f4 100644
--- a/src/pages/auth/login.tsx
+++ b/src/pages/auth/login.tsx
@@ -78,7 +78,7 @@ export default function Login({ title, user_registration, oauth_registration, oa
           {user_registration && (
             <>
               <Divider label='or' labelPosition='center' my='sm' />
-              <Link href='/auth/register' passHref>
+              <Link href='/auth/register' passHref legacyBehavior>
                 <Button size='lg' fullWidth component='a'>
                   Register
                 </Button>
@@ -89,7 +89,7 @@ export default function Login({ title, user_registration, oauth_registration, oa
             <>
               <Divider label='or' labelPosition='center' my='sm' />
               {oauth_providers.map(({ url, name, Icon }, i) => (
-                <Link key={i} href={url} passHref>
+                <Link key={i} href={url} passHref legacyBehavior>
                   <Button size='lg' fullWidth leftIcon={<Icon />} component='a' my={8}>
                     Login in with {name}
                   </Button>