Fails to work in next js

[penta65]

Import directly result as window not defined error.

While importing dynamically results into

[knobutan]

I have exactly the same problem and still unsure how to resolve it. I think I am close, but having a problem calling the init function. The error in question is occurring simply because Next.js renders on the server side whereas normal react renders on client side. window is not defined on the server side, so that essentially you need to delay the init process. So I thought using useEffect() works here, but I am not succeeding...

What I tried

useEffect(() => {
    const appIDInit = async () => {
      await import('ibmcloud-appid-js')
      .then(async (obj) =>{

      try {
        await obj.init({
          clientId: 'XXX',
          discoveryEndpoint: 'XXX'
        });
        setInitDone(true)
      } catch (e) {
          console.log("Init Err")
          console.log(e.message)
          setErrorState(true);
          setErrorMessage(e.message);
      }
      })
    }

    appIDInit()
  },[]);

The above code results in error - obj.init is not a function. Anyone from the dev team aware how I can resolve this issue?

[kishore0549]

Hi I could see the ibmcloud-appid has a newer version and fixed the window issue. same is not fixed int his library which is effecting us. would you please check and provide a fix for this soon. thanks