Problem w/ NextJS

[GameLord2011]

I am having a problem with implementing this into my nextjs website (GameLord2011/My-Wesite) and in the particles component the code particlesLoaded={particlesLoaded} returns a ts(2322) error The message is: Type '(container?: Container) => void' is not assignable to type '(container?: Container | undefined) => Promise'.
Type 'void' is not assignable to type 'Promise'.ts(2322)
IParticlesProps.d.ts(9, 5): The expected type comes from property 'particlesLoaded' which is declared here on type 'IntrinsicAttributes & IParticlesProps'
(property) IParticlesProps.particlesLoaded?: ((container?: Container) => Promise) | undefined

Can you help?

[matteobruni]

I am having a problem with implementing this into my nextjs website (GameLord2011/My-Wesite) and in the particles component the code particlesLoaded={particlesLoaded} returns a ts(2322) error The message is: Type '(container?: Container) => void' is not assignable to type '(container?: Container | undefined) => Promise'. Type 'void' is not assignable to type 'Promise'.ts(2322) IParticlesProps.d.ts(9, 5): The expected type comes from property 'particlesLoaded' which is declared here on type 'IntrinsicAttributes & IParticlesProps' (property) IParticlesProps.particlesLoaded?: ((container?: Container) => Promise) | undefined

Can you help?

the particlesLoaded needs a Promise in return, or an async function, same thing.

[GameLord2011]

I was following the how to do this from the readme, and particlesLoaded is a constant.

[matteobruni]

I was following the how to do this from the readme, and particlesLoaded is a constant.

Oh the README is not updated, it is a constant, but it's a function. Instead of const particlesLoaded = (container), try const particlesLoaded = async (container)

[GameLord2011]

New problem, the z-index is not correctly loading.

[matteobruni]

Have you tried upgrading tsparticles engine packages to 3.8.0?

[GameLord2011]

That's what caused the problem.

[GameLord2011]

Pushing changes to website repo, hang on.

[GameLord2011]

Pushed changes to lockfile and package.json.

[GameLord2011]

Edit: Found workaround code:

#tsparticles {
  z-index: -10;
  position: relative;
}