diff --git a/package.json b/package.json
index 049dc13..cf19969 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,6 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.7.1",
     "react-router-dom": "^6.8.0",
-    "sort-by": "^1.2.0",
     "use-debounce": "^9.0.3"
   },
   "devDependencies": {
diff --git a/src/components/sandpack-provider.tsx b/src/components/sandpack-provider.tsx
index a2fbb63..207adcf 100644
--- a/src/components/sandpack-provider.tsx
+++ b/src/components/sandpack-provider.tsx
@@ -21,14 +21,14 @@ export const SandpackProvider = ({ children, code }: SandpackProps) => (
     }}
     customSetup={{
       dependencies: {
-        '@chakra-ui/react': 'latest',
-        '@chakra-ui/icons': 'latest',
-        '@chakra-ui/anatomy': 'latest',
-        '@chakra-ui/styled-system': 'latest',
-        '@emotion/styled': 'latest',
-        '@emotion/react': 'latest',
-        'framer-motion': 'latest',
-        'react-icons': 'latest',
+        '@chakra-ui/react': '^2.8.2',
+        '@chakra-ui/icons': '^2.1.1',
+        '@chakra-ui/anatomy': 'v2-latest',
+        '@chakra-ui/styled-system': 'v2-latest',
+        '@emotion/styled': '^11.10.5',
+        '@emotion/react': '^11.10.5',
+        'framer-motion': '^8.5.0',
+        'react-icons': '^4.7.1',
       },
     }}
     files={{