diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 00000000..e41215af
Binary files /dev/null and b/bun.lockb differ
diff --git a/package.json b/package.json
index 8551fc43..eb1a7371 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@yearn-finance/web-lib",
-  "version": "3.0.191",
+  "version": "3.0.86",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
   "files": [
@@ -8,7 +8,7 @@
   ],
   "type": "module",
   "engines": {
-    "node": ">=18"
+    "node": ">=14"
   },
   "scripts": {
     "dev": "tsc --watch",
@@ -25,81 +25,75 @@
     "export": "tsc && next build && next export -o ipfs"
   },
   "dependencies": {
-    "@builtbymom/web3": "^0.0.59",
-    "@headlessui/react": "^1.7.18",
-    "@rainbow-me/rainbowkit": "^2.0.1",
+    "@babel/core": "^7.24.7",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@headlessui/react": "^2.0.4",
+    "@rainbow-me/rainbowkit": "^2.1.2",
     "@react-hookz/web": "^24.0.4",
     "@tailwindcss/forms": "^0.5.7",
+    "@tailwindcss/typography": "^0.5.13",
     "@total-typescript/ts-reset": "^0.5.1",
     "@wagmi/chains": "1.8.0",
-    "@wagmi/core": "^2.6.5",
-    "bun-types": "^1.0.30",
-    "dayjs": "^1.11.10",
+    "@wagmi/core": "^2.11.3",
+    "axios": "^1.7.2",
+    "bun-types": "^1.1.15",
+    "dayjs": "^1.11.11",
+    "eslint-config-next": "^14.2.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-brackets": ">= 0.1.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "ethers": "5.7.2",
     "eventemitter3": "^5.0.1",
-    "framer-motion": "^11.0.8",
-    "graphql": "^16.8.1",
-    "lint-staged": "^15.2.2",
-    "next": "^14.0.4",
-    "next-seo": "^6.5.0",
-    "prettier": "^3.2.5",
+    "graphql": "^16.8.2",
+    "graphql-request": "^7.0.1",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "next": "^14.2.4",
+    "nprogress": "^0.2.0",
+    "prettier": "^3.3.2",
     "react-hot-toast": "2.4.1",
-    "react-paginate": "^8.2.0",
-    "sass": "^1.71.1",
-    "stylelint": "^16.2.1",
-    "swr": "^2.2.5",
-    "tailwindcss": "^3.4.1",
-    "viem": "^2.7.22",
-    "wagmi": "^2.5.7",
-    "zod": "^3.22.4"
+    "sass": "^1.77.6",
+    "sharp": "^0.33.4",
+    "stylelint": "^16.6.1",
+    "stylelint-config-standard": "^36.0.0",
+    "tailwindcss": "^3.4.4",
+    "viem": "^2.15.1",
+    "wagmi": "^2.10.3",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.0",
-    "@commitlint/cli": "^19.0.3",
-    "@commitlint/config-conventional": "^19.0.3",
-    "@tailwindcss/typography": "^0.5.10",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.25",
+    "@types/node": "^20.14.6",
     "@types/nprogress": "^0.2.3",
-    "@types/react": "^18.2.64",
-    "@types/react-dom": "^18.2.21",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
-    "autoprefixer": "^10.4.18",
-    "axios": "^1.6.7",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "autoprefixer": "^10.4.19",
     "bump": "^0.2.5",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "^14.1.3",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^8.55.0",
     "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-brackets": ">= 0.1.3",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.34.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
-    "eslint-plugin-tailwindcss": "^3.14.3",
-    "eslint-plugin-unused-imports": "^3.1.0",
-    "graphql-request": "^6.1.0",
-    "husky": "^9.0.11",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-simple-import-sort": "^12.1.0",
+    "eslint-plugin-tailwindcss": "^3.17.3",
+    "eslint-plugin-unused-imports": "^4.0.0",
     "jest": "^29.7.0",
-    "nprogress": "^0.2.0",
-    "postcss-nesting": "^12.1.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "sharp": "^0.33.2",
-    "stylelint-config-standard": "^36.0.0",
-    "ts-jest": "^29.1.2",
-    "tsup": "^8.0.2",
-    "typescript": "^5.4.2"
+    "postcss-nesting": "^12.1.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "ts-jest": "^29.1.5",
+    "tsup": "^8.1.0",
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@rainbow-me/rainbowkit": "1.3.0",
+    "@rainbow-me/rainbowkit": "^1.3.0",
     "@wagmi/core": "1.4.1",
-    "graphql-request": "^6.1.0",
     "next": "14.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "viem": "1.19.9",
     "wagmi": "1.4.7"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 6a422de6..e3d241fa 100755
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -1,5 +1,5 @@
 import React, {Fragment, useRef} from 'react';
-import {Dialog, Transition} from '@headlessui/react';
+import {Dialog, Transition, TransitionChild} from '@headlessui/react';
 
 import type {ReactElement, ReactNode} from 'react';
 
@@ -14,7 +14,7 @@ function Modal(props: TModal): ReactElement {
 	const ref = useRef() as React.MutableRefObject<HTMLDivElement>;
 
 	return (
-		<Transition.Root
+		<Transition
 			show={isOpen}
 			as={Fragment}>
 			<Dialog
@@ -24,7 +24,7 @@ function Modal(props: TModal): ReactElement {
 				initialFocus={ref}
 				onClose={onClose}>
 				<div className={`${className} yearn--modal-wrapper`}>
-					<Transition.Child
+					<TransitionChild
 						as={Fragment}
 						enter={'ease-out duration-300'}
 						enterFrom={'opacity-0'}
@@ -32,15 +32,15 @@ function Modal(props: TModal): ReactElement {
 						leave={'ease-in duration-200'}
 						leaveFrom={'opacity-100'}
 						leaveTo={'opacity-0'}>
-						<Dialog.Overlay className={`${className} yearn--modal-overlay`} />
-					</Transition.Child>
+						<div className={`${className} yearn--modal-overlay`} />
+					</TransitionChild>
 
 					<span
 						className={'hidden sm:inline-block sm:h-screen sm:align-middle'}
 						aria-hidden={'true'}>
 						&#8203;
 					</span>
-					<Transition.Child
+					<TransitionChild
 						as={Fragment}
 						enter={'ease-out duration-300'}
 						enterFrom={'opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95'}
@@ -53,10 +53,10 @@ function Modal(props: TModal): ReactElement {
 							className={`${className} yearn--modal`}>
 							{children}
 						</div>
-					</Transition.Child>
+					</TransitionChild>
 				</div>
 			</Dialog>
-		</Transition.Root>
+		</Transition>
 	);
 }
 
diff --git a/src/components/ModalMobileMenu.tsx b/src/components/ModalMobileMenu.tsx
index 7be899e2..d1d6e5e6 100755
--- a/src/components/ModalMobileMenu.tsx
+++ b/src/components/ModalMobileMenu.tsx
@@ -3,7 +3,7 @@ import {useAccount, useConnect} from 'wagmi';
 import {useWeb3} from '@builtbymom/web3/contexts/useWeb3';
 import {truncateHex} from '@builtbymom/web3/utils/tools.address';
 import {getConfig, retrieveConfig} from '@builtbymom/web3/utils/wagmi';
-import {Dialog, Transition} from '@headlessui/react';
+import {Dialog, Transition, TransitionChild} from '@headlessui/react';
 
 import {useInjectedWallet} from '../hooks/useInjectedWallet';
 
@@ -26,7 +26,7 @@ function Modal(props: TModal): ReactElement {
 	const ref = useRef() as React.MutableRefObject<HTMLDivElement>;
 
 	return (
-		<Transition.Root
+		<Transition
 			show={isOpen}
 			as={Fragment}>
 			<Dialog
@@ -37,7 +37,7 @@ function Modal(props: TModal): ReactElement {
 				onClose={onClose}>
 				<div
 					className={`${className} relative flex min-h-screen items-end justify-end px-0 pb-0 pt-4 text-center sm:block sm:p-0`}>
-					<Transition.Child
+					<TransitionChild
 						as={Fragment}
 						enter={'ease-out duration-300'}
 						enterFrom={'opacity-0'}
@@ -45,15 +45,15 @@ function Modal(props: TModal): ReactElement {
 						leave={'ease-in duration-200'}
 						leaveFrom={'opacity-100'}
 						leaveTo={'opacity-0'}>
-						<Dialog.Overlay className={`${className} yearn--modal-overlay`} />
-					</Transition.Child>
+						<div className={`${className} yearn--modal-overlay`} />
+					</TransitionChild>
 
 					<span
 						className={'hidden sm:inline-block sm:h-screen sm:align-bottom'}
 						aria-hidden={'true'}>
 						&#8203;
 					</span>
-					<Transition.Child
+					<TransitionChild
 						as={Fragment}
 						enter={'ease-out duration-200'}
 						enterFrom={'opacity-0 translate-y-full'}
@@ -66,10 +66,10 @@ function Modal(props: TModal): ReactElement {
 							className={`${className} yearn--modal fixed bottom-0`}>
 							{children}
 						</div>
-					</Transition.Child>
+					</TransitionChild>
 				</div>
 			</Dialog>
-		</Transition.Root>
+		</Transition>
 	);
 }