[React] Incompatible with Next.js and server side rendering

[murar8]

Using the library with an SSR framework results in a build error: ReferenceError: self is not defined
I believe the error comes from the connex library which requires a reference to the global window instance on import. Maybe the issue should be moved to the connex package at your discretion.

Steps to reproduce

• Create a new Next.js project
• Install @vechain/dapp-kit-react
• Import any item from the package (you do not need to run any code, just importing is enough to break it)
• Run either npm run build or npm run dev

Example

https://codesandbox.io/p/devbox/dapp-kit-nextjs-99tmxr

cc @GianBarGian

[darrenkel]

Hey @murar8 we have an example for next js (we have to use client side)

https://github.com/vechain/vechain-dapp-kit/blob/main/examples/sample-next-app/src/app/layout.tsx#L8

Once the new SDK is ready, we will replace connex with the new SDK

[GianBarGian]

@darrenvechain Unfortunately it seems that we are forced to use the whole app with client side rendering in order to be able to make it work.