Updated cities table.

src/components/layout/SideNav.js

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