diff --git a/packages/react-app/src/App.js b/packages/react-app/src/App.js
index 5ecb46e..42d47f3 100644
--- a/packages/react-app/src/App.js
+++ b/packages/react-app/src/App.js
@@ -9,7 +9,7 @@ import { Exchange, Loader, WalletButton } from "./components";
 
 const App = () => {
     const { account } = useEthers();
-    const poolsLoading = false;
+    const [poolsLoading, pools] = usePools();
 
   return (
     <div className={styles.container}>
@@ -29,9 +29,9 @@ const App = () => {
                     <div className="green_gradient" />
                     <div className={styles.exchange}>
                         {account ? (
-                            poolsLoading ? (
+                            loading ? (
                                 <Loader title="Loading pools, please wait!" />
-                            ) : <Exchange />
+                            ) : <Exchange pools = {pools}/>
                         ) : <Loader title="Please connect your wallet!"/>}
                     </div>
                     <div className="blue_gradient" />