Lottie SSR issue in BentoGrid

[KayvanShah1]

Tried dynamic loading with useEffect Hook

⨯ ReferenceError: document is not defined
    at __webpack_require__ (C:\Users\shahk\OneDrive\Projects K1\Personal\portfolio\.next\server\webpack-runtime.js:33:43)
    at __webpack_require__ (C:\Users\shahk\OneDrive\Projects K1\Personal\portfolio\.next\server\webpack-runtime.js:33:43)
    at eval (./components/ui/bento-grid.tsx:13:70)
    at (ssr)/./components/ui/bento-grid.tsx (C:\Users\shahk\OneDrive\Projects K1\Personal\portfolio\.next\server\app\page.js:206:1)
    at Object.__webpack_require__ [as require] (C:\Users\shahk\OneDrive\Projects K1\Personal\portfolio\.next\server\webpack-runtime.js:33:43)
digest: "1091135423"
 GET / 500 in 697ms