Next151 (#220)

* next 15

* next 15

* next 15

* next 15

.devcontainer/Dockerfile

@@ -1,5 +1,5 @@
 # Update the VARIANT arg in docker-compose.yml to pick a Node version
-FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:20-bookworm
+FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:22-bookworm
 
 # Update args in docker-compose.yaml to set the UID/GID of the "node" user.
 ARG USER_UID=1000

.devcontainer/post-create.sh

@@ -1,6 +1,7 @@
 sudo chown -R node:node /home/node
 
 curl -fsSL https://bun.sh/install | bash -s "bun-v1.1.38"
+
 git config diff.lockb.textconv bun
 git config diff.lockb.binary true
 

apps/captainofbass.com/src/app/music/page.tsx

@@ -1,12 +1,11 @@
-import dynamic from 'next/dynamic'
+import MusicClient from './pageClient'
 
 import { PageContainer } from '@mikeallisonjs/shared-react-components'
 
-const DynamicMusicClient = dynamic(() => import('./pageClient'), { ssr: false })
 export default function Music() {
   return (
     <PageContainer>
-      <DynamicMusicClient />
+      <MusicClient />
     </PageContainer>
   )
 }

apps/captainssounds.com/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/captainssounds.com/src/app/error.tsx

@@ -25,6 +25,7 @@ export default function Error({
       </p>
       <button
         className="mx-auto mt-4 flex w-full items-center justify-center rounded-full bg-blue-600 p-4 tracking-wide text-white hover:opacity-90"
+        type="button"
         onClick={() => reset()}
       >
         Try Again

apps/captainssounds.com/src/components/navbar/index.tsx

@@ -2,12 +2,9 @@ import { SignInButton, SignedIn, SignedOut } from '@clerk/nextjs'
 
 import Image from 'next/image'
 import Link from 'next/link'
-import { Suspense } from 'react'
 
 import { UserButton } from '../userButton'
 
-import Search, { SearchSkeleton } from './search'
-
 export default async function Navbar() {
   return (
     <>

apps/captainssounds.com/src/components/navbar/mobileMenu.tsx

@@ -63,6 +63,7 @@ export default function MobileMenu() {
               <div className="p-4">
                 <button
                   className="mb-4 flex h-11 w-11 items-center justify-center rounded-md border border-neutral-200 text-black transition-colors dark:border-neutral-700 dark:text-white"
+                  type="button"
                   onClick={closeMobileMenu}
                   aria-label="Close mobile menu"
                 >