diff --git a/package.json b/package.json
index 4de9e721..f51de963 100755
--- a/package.json
+++ b/package.json
@@ -70,16 +70,15 @@
     "react-table": "^7.7.0",
     "react-tagsinput": "3.19.0",
     "react-to-print": "^2.13.0",
-    "react-tsparticles": "^2.12.2",
     "react-wordcloud": "^1.2.7",
     "recharts": "^3.1.2",
     "sass": "^1.49.9",
-    "scroll-lock": "^2.1.5",
     "socket.io-client": "^4.7.4",
     "styled-components": "^5.3.11",
     "stylis": "^4.0.10",
     "stylis-plugin-rtl": "^2.1.1",
-    "tsparticles-slim": "^2.12.0",
+    "@tsparticles/react": "^3.0.0",
+    "@tsparticles/slim": "^3.0.0",
     "typescript": "^5.9.3"
   },
   "resolutions": {
diff --git a/src/views/Community/components/MidjourneyHeroSection.js b/src/views/Community/components/MidjourneyHeroSection.js
index dfb5c035..46db5c52 100644
--- a/src/views/Community/components/MidjourneyHeroSection.js
+++ b/src/views/Community/components/MidjourneyHeroSection.js
@@ -1,7 +1,7 @@
 import React, { useRef, useMemo, useState, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import Particles from 'react-tsparticles';
-import { loadSlim } from 'tsparticles-slim';
+import Particles from '@tsparticles/react';
+import { loadSlim } from '@tsparticles/slim';
 import {
   Box,
   Container,