Error building W3Model on NextJS

Help - Plug n Play PnP Web SDKs
1

Hello,

I am following the tutorial to integrate W3Auth Plug and Play for Web No Model for NextJS.
I am using the provided codes and following the steps.

But getting build errors. I fixed the obvious ones but still getting this error below:

warn - Port 3000 is in use, trying 3001 instead.
ready - started server on 0.0.0.0:3001, url: http://localhost:3001
event - compiled client and server successfully in 298 ms (175 modules)
wait - compiling /_error (client and server)…
event - compiled client and server successfully in 92 ms (176 modules)
warn - Fast Refresh had to perform a full reload. Read more: Basic Features: Fast Refresh | Next.js
wait - compiling / (client and server)…
error - ./pages/web3RPC.ts
Error:
x Expression expected
,----
135 | <>
: ^
`----

x Expected ‘>’, got ‘className’
,----
136 |


: ^^^^^^^^^
`----

Caused by:
0: failed to process input file
1: Syntax Error
Could not find files for / in .next/build-manifest.json
Could not find files for / in .next/build-manifest.json

2

Here is the link to the integration builder page which includes the selected components:

3

Hi @a-ha,
Welcome to the Web3Auth Community. I think you are facing some syntax errors. Could you please share your App.tsx code snippet? Especially above and below lines 135-136.

4