Error when importing lottie

[michielsarne]

Hello,

I get this error when I try to import lottie, anyone who knows how to fix this?

error message:

'LottiePlayer' is declared but its value is never read.js(6133)
Could not find a declaration file for module '@lottiefiles/svelte-lottie-player'. 'c:/sites/components/components-app/node_modules/@lottiefiles/svelte-lottie-player/dist/index.js' implicitly has an 'any' type.
Try npm i --save-dev @types/lottiefiles__svelte-lottie-player if it exists or add a new declaration (.d.ts) file containing declare module '@lottiefiles/svelte-lottie-player';js(7016)

Thanks in advance !

[asifqatar]

@michielsarne you can import module dynamically i.e

  let LottiePlayer;

  onMount(async () => {
    const module = await import("@lottiefiles/svelte-lottie-player");
    LottiePlayer = module.LottiePlayer;
  });```

and also used it like

{#if LottiePlayer}
    <LottiePlayer
	src="background-fullscreen.json"
	autoplay={true}
	loop={true}
	controls={true}
	renderer="svg"
	background="transparent"
	height={600}
	width={600} />
{/if}