diff --git a/packages/react-app/src/components/Exchange.js b/packages/react-app/src/components/Exchange.js
index 54e4e9e..878120b 100644
--- a/packages/react-app/src/components/Exchange.js
+++ b/packages/react-app/src/components/Exchange.js
@@ -1,4 +1,11 @@
-import React from 'react';
+import React, { useEffect, useState } from "react";
+import { Contract } from "@ethersproject/contracts";
+import { abis } from "@my-app/contracts";
+import { ERC20, useContractFunction, useEthers, useTokenAllowance, useTokenBalance } from "@usedapp/core";
+import { ethers } from "ethers";
+import { parseUnits } from "ethers/lib/utils";
+
+import { ROUTER_ADDRESS } from "../config";
 
 const Exchange = () => {
     return (