Sdk's are not working in NextJS about lens-sdk

[jsonpreet]

Hey @reecejohnson

Thank you for help me on this.

[cesarenaldi]

I understand this fix solves this error: https://github.com/lens-protocol/lens-sdk/blob/lens-v2/examples/nextjs/next.config.js#L6

At some point in the coming weeks update the examples/nextjs too (still uses 1.3).

[jsonpreet]

No, not working still getting same error

[cesarenaldi]

oh, sorry got confused reading. It was about the error you reported for the non turboRepo attempt.

[jsonpreet]

Ok wait I think it's working but not if use NextJs App Directory, standalone NextJs App without turborepo

[reecejohnson]

@jsonpreet thanks for reporting this, glad to see you got it sorted. I'm investigating why this might have happened. Will keep this thread up to date with my findings

[reecejohnson]

Hey @jsonpreet,

I have put together a very basic example of how to use the react SDK with nextjs 13 app directory, see the open PR here: https://github.com/lens-protocol/lens-sdk/pull/669/files#diff-9088a6cd89d9eb78bb295f0313b8bfd86e95e0b7ff50f7f89211db6ae5734933R1

Of particular interest is the src/components/providers.tsx component, that uses the use client directive. Here we group together the different providers, in this case Wagmi and the Lens providers, within a client side component that can be referenced in your root layout.tsx.

Each component that uses a lens react hook must also apply the use client directive.

If you need Lens data in an SSR scenario, you can explore the @lens-protocol/client package to facilitate server side calls to the Lens API.

[cesarenaldi]

@jsonpreet all good with this issue then? can I close it?

[jsonpreet]

Yes it's working. Thanks