Refactored to use app folder.

src/components/layout/SideNav.js

@@ -1,31 +0,0 @@
-import classNames from 'classnames';
-import { Menu, Item } from 'react-basics';
-import { useRouter } from 'next/router';
-import Link from 'next/link';
-import styles from './SideNav.module.css';
-
-export function SideNav({
-  selectedKey,
-  items,
-  shallow = true,
-  scroll = false,
-  onSelect = () => {},
-}) {
-  const { asPath } = useRouter();
-  return (
-    <Menu items={items} selectedKey={selectedKey} className={styles.menu} onSelect={onSelect}>
-      {({ key, label, url }) => (
-        <Item
-          key={key}
-          className={classNames(styles.item, { [styles.selected]: asPath.startsWith(url) })}
-        >
-          <Link href={url} shallow={shallow} scroll={scroll}>
-            {label}
-          </Link>
-        </Item>
-      )}
-    </Menu>
-  );
-}
-
-export default SideNav;