I just started a new nextjs project installed clerk, set up the env.local and the middleware.ts files. Then I went to wrap the html div with ClerkProvider and got this error when i tried to run it on the localhost.

Does anyone have any nice ideas how to handle redirects using a social providers with Clerk and Nextjs14? I want to do something like this for example where the user is redirected to the /user/userId after successful sign-in/sign-up.

I am working on Nextjs 14 with typescript and I am trying to use clerk for authentication and authorization. When I created the app using the clerk docs I was said to write the following code in middleware.ts