docs: downgrade next version

packages/docs/package.json

@@ -21,7 +21,7 @@
     "date-fns": "2.29.3",
     "gray-matter": "4.0.3",
     "js-yaml": "4.1.0",
-    "next": "13.3.0",
+    "next": "13.2.4",
     "next-mdx-remote": "4.4.1",
     "next-pwa": "5.6.0",
     "prismjs": "1.29.0",
@@ -35,8 +35,8 @@
   "devDependencies": {
     "@babel/core": "7.21.4",
     "@emotion/eslint-plugin": "11.10.0",
-    "@next/bundle-analyzer": "13.3.0",
-    "@next/eslint-plugin-next": "13.3.0",
+    "@next/bundle-analyzer": "13.2.4",
+    "@next/eslint-plugin-next": "13.2.4",
     "@types/js-yaml": "4.0.5",
     "@types/node": "18.15.13",
     "@types/prettier": "2.7.2",
@@ -47,7 +47,7 @@
     "@typescript-eslint/parser": "5.59.0",
     "@babel/eslint-parser": "7.21.3",
     "eslint": "8.38.0",
-    "eslint-config-next": "13.3.0",
+    "eslint-config-next": "13.2.4",
     "eslint-config-prettier": "8.8.0",
     "eslint-plugin-babel": "5.3.1",
     "eslint-plugin-unicorn": "46.0.0",

packages/docs/src/components/community/CommunitySection.tsx

@@ -3,6 +3,7 @@ import ListItemButton from '@mui/material/ListItemButton';
 import ListItemText from '@mui/material/ListItemText';
 import { styled } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
+import Link from 'next/link';
 
 import type { CommunityLinksSection } from '../../interface';
 
@@ -25,11 +26,17 @@ const CommunitySection = ({ section }: CommunitySectionProps) => {
     <StyledCommunitySection>
       <Typography variant="h3">{section.title}</Typography>
       <List sx={{ width: '100%', bgcolor: 'background.paper' }}>
-        {section.links.map(link => (
-          <ListItemButton key={link.url} href={link.url} target="_blank">
-            <ListItemText primary={link.title} secondary={link.description} />
-          </ListItemButton>
-        ))}
+        {section.links.map(link =>
+          link.url.startsWith('http') ? (
+            <ListItemButton key={link.url} href={link.url} target="_blank">
+              <ListItemText primary={link.title} secondary={link.description} />
+            </ListItemButton>
+          ) : (
+            <ListItemButton component={Link} key={link.url} href={link.url}>
+              <ListItemText primary={link.title} secondary={link.description} />
+            </ListItemButton>
+          ),
+        )}
       </List>
     </StyledCommunitySection>
   );