diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 121dcd094..d435cf0d7 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -25,6 +25,7 @@ "@hookform/resolvers": "^3.9.1", "@lexical/react": "^0.29.0", "@lottiefiles/dotlottie-react": "^0.12.0", + "@lottiefiles/dotlottie-web": "^0.38.2", "@octokit/rest": "^21.0.2", "@peculiar/x509": "^1.12.3", "@radix-ui/react-accordion": "^1.2.2", diff --git a/frontend/package.json b/frontend/package.json index 7cd636343..9a2cc2ba4 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -29,6 +29,7 @@ "@hookform/resolvers": "^3.9.1", "@lexical/react": "^0.29.0", "@lottiefiles/dotlottie-react": "^0.12.0", + "@lottiefiles/dotlottie-web": "^0.38.2", "@octokit/rest": "^21.0.2", "@peculiar/x509": "^1.12.3", "@radix-ui/react-accordion": "^1.2.2", diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx index 779c21bd8..f5958c028 100644 --- a/frontend/src/main.tsx +++ b/frontend/src/main.tsx @@ -1,5 +1,7 @@ import { StrictMode } from "react"; import ReactDOM from "react-dom/client"; +import { setWasmUrl } from "@lottiefiles/dotlottie-react"; +import lottieWasmUrl from "@lottiefiles/dotlottie-web/dist/dotlottie-player.wasm?url"; import { createRouter, RouterProvider } from "@tanstack/react-router"; import NProgress from "nprogress"; @@ -22,6 +24,9 @@ import "./translation"; // have a look at the Quick start guide // for passing in lng and translations on init/ +// Configure Lottie player to use local WASM file +setWasmUrl(lottieWasmUrl); + // Create a new router instance NProgress.configure({ showSpinner: false });