pnpm dev when running i cant load anything something to do with clerk

[alexgutscher26]

Describe the bug
[1] ⨯ Error: Clerk: auth() was called but Clerk can't detect usage of clerkMiddleware() (or the deprecated authMiddleware()). Please ensure the following:
[1] - clerkMiddleware() (or the deprecated authMiddleware()) is used in your Next.js Middleware.
[1] - Your Middleware matcher is configured to match this route or page.
[1] - If you are using the src directory, make sure the Middleware file is inside of it.
[1]
[1] For more details, see https://clerk.com/docs/quickstarts/nextjs
[1]
[1] at getUserByClerkId (./src/lib/auth.ts:11:82)
[1] at LegalLayout (layout.tsx:40:83)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at Object.Component [as apply] (layout.tsx:155:10)
[1] at stringify ()
[1] digest: "3931116347"
[1] GET /sw.js 500 in 155ms
[1] ⨯ Error: Clerk: auth() was called but Clerk can't detect usage of clerkMiddleware() (or the deprecated authMiddleware()). Please ensure the following:
[1] - clerkMiddleware() (or the deprecated authMiddleware()) is used in your Next.js Middleware.
[1] - Your Middleware matcher is configured to match this route or page.
[1] - If you are using the src directory, make sure the Middleware file is inside of it.
[1]
[1] For more details, see https://clerk.com/docs/quickstarts/nextjs
[1]
[1] at getUserByClerkId (./src/lib/auth.ts:11:82)
[1] at LegalLayout (layout.tsx:40:83)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at Object.Component [as apply] (layout.tsx:155:10)
[1] at stringify ()
[1] digest: "3931116347"
[1] ⨯ Error: Clerk: auth() was called but Clerk can't detect usage of clerkMiddleware() (or the deprecated authMiddleware()). Please ensure the following:
[1] - clerkMiddleware() (or the deprecated authMiddleware()) is used in your Next.js Middleware.
[1] - Your Middleware matcher is configured to match this route or page.
[1] - If you are using the src directory, make sure the Middleware file is inside of it.
[1]
[1] For more details, see https://clerk.com/docs/quickstarts/nextjs
[1]
[1] at getUserByClerkId (./src/lib/auth.ts:11:82)
[1] at LegalLayout (layout.tsx:40:83)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at AsyncLocalStorage.run (node:async_hooks:346:14)
[1] at Object.Component [as apply] (layout.tsx:155:10)
[1] at stringify ()
[1] digest: "3931116347"
[1] GET /sw.js 500 in 158ms

To Reproduce
Steps to reproduce the behavior:

1. pnpm dev
2. then error

[linear]

SCR-18 pnpm dev when running i cant load anything something to do with clerk