diff --git a/js/packages/web/src/components/ArtCard/index.tsx b/js/packages/web/src/components/ArtCard/index.tsx
index 2f24b90..f3b8cbc 100644
--- a/js/packages/web/src/components/ArtCard/index.tsx
+++ b/js/packages/web/src/components/ArtCard/index.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React from 'react';
 import { Card, CardProps, Button, Badge } from 'antd';
 import { MetadataCategory } from '@oyster/common';
 import { ArtContent } from './../ArtContent';
diff --git a/js/packages/web/src/components/ArtistCard/index.tsx b/js/packages/web/src/components/ArtistCard/index.tsx
index 34a0896..1282287 100644
--- a/js/packages/web/src/components/ArtistCard/index.tsx
+++ b/js/packages/web/src/components/ArtistCard/index.tsx
@@ -1,14 +1,13 @@
 import React, { useState } from 'react'
-import { Card, Avatar } from 'antd'
+import { Card } from 'antd'
 
 import { Artist } from '../../types'
 
 import './index.less'
-import { Identicon, shortenAddress } from '@oyster/common'
+import { shortenAddress } from '@oyster/common'
 import { MetaAvatar } from '../MetaAvatar';
 
 export const ArtistCard = ({artist}: {artist: Artist}) => {
-  const [noImage, setNoImage] = useState(false);
 
   return (
     <Card
diff --git a/js/packages/web/src/components/AuctionCard/index.tsx b/js/packages/web/src/components/AuctionCard/index.tsx
index 9cc25f0..5a7a7a1 100644
--- a/js/packages/web/src/components/AuctionCard/index.tsx
+++ b/js/packages/web/src/components/AuctionCard/index.tsx
@@ -1,5 +1,5 @@
-import React, { useEffect, useState } from 'react';
-import { Row, Col, Button, InputNumber, Spin } from 'antd';
+import React, { useState } from 'react';
+import { Col, Button, InputNumber, Spin } from 'antd';
 import { MemoryRouter, Route, Redirect, Link } from 'react-router-dom';
 
 import './index.less';
@@ -11,14 +11,10 @@ import {
   MetaplexOverlay,
   formatAmount,
   formatTokenAmount,
-  useMint,
-  fromLamports,
-  CountdownState,
+  useMint
 } from '@oyster/common';
 import {
   AuctionView,
-  AuctionViewState,
-  useBidsForAuction,
   useUserBalance,
 } from '../../hooks';
 import { sendPlaceBid } from '../../actions/sendPlaceBid';
@@ -27,7 +23,6 @@ import {
   sendRedeemBid,
   eligibleForParticipationPrizeGivenWinningIndex,
 } from '../../actions/sendRedeemBid';
-import { AmountLabel } from '../AmountLabel';
 import { sendCancelBid } from '../../actions/cancelBid';
 import BN from 'bn.js';
 import { Confetti } from '../Confetti';
diff --git a/js/packages/web/src/components/AuctionNumbers/index.tsx b/js/packages/web/src/components/AuctionNumbers/index.tsx
index 80131e8..08912c6 100644
--- a/js/packages/web/src/components/AuctionNumbers/index.tsx
+++ b/js/packages/web/src/components/AuctionNumbers/index.tsx
@@ -3,7 +3,6 @@ import { Row, Col } from 'antd';
 
 import './../AuctionCard/index.less';
 import {
-  contexts,
   formatTokenAmount,
   useMint,
   fromLamports,
diff --git a/js/packages/web/src/components/AuctionRenderCard/index.tsx b/js/packages/web/src/components/AuctionRenderCard/index.tsx
index 3e6ee6c..6d7a424 100644
--- a/js/packages/web/src/components/AuctionRenderCard/index.tsx
+++ b/js/packages/web/src/components/AuctionRenderCard/index.tsx
@@ -1,11 +1,9 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Card, Avatar, Col, Row, CardProps, Button, Badge } from 'antd';
-import { Creator, MetadataCategory, shortenAddress, useConnection, formatTokenAmount, CountdownState } from '@oyster/common';
+import React, { useEffect, useState } from 'react';
+import { Card, CardProps } from 'antd';
+import { formatTokenAmount, CountdownState } from '@oyster/common';
 import { ArtContent } from '../ArtContent';
 import './index.less';
 import { AuctionView, useArt, useCreators } from '../../hooks';
-import { PublicKey } from '@solana/web3.js';
-import { Artist, ArtType } from '../../types';
 import { MetaAvatar } from '../MetaAvatar';
 import { AmountLabel } from '../AmountLabel';
 import { useHighestBidForAuction } from '../../hooks';
diff --git a/js/packages/web/src/components/Confetti/index.tsx b/js/packages/web/src/components/Confetti/index.tsx
index dc592c3..71b3701 100644
--- a/js/packages/web/src/components/Confetti/index.tsx
+++ b/js/packages/web/src/components/Confetti/index.tsx
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef } from "react";
 import confetti from 'canvas-confetti';
 
 export interface ConfettiContextState {
@@ -12,7 +12,6 @@ const ConfettiContext = React.createContext<ConfettiContextState | null>(
 export const ConfettiProvider = ({ children = null as any }) => {
   const canvasRef = useRef<HTMLCanvasElement>();
   const confettiRef = useRef<confetti.CreateTypes>();
-  const [visible, setVisible] = useState(false);
 
   const dropConfetti = useMemo(() => (() => {
     if(confettiRef.current && canvasRef.current){
diff --git a/js/packages/web/src/components/PreSaleBanner/index.tsx b/js/packages/web/src/components/PreSaleBanner/index.tsx
index 57d1583..76f6bfe 100644
--- a/js/packages/web/src/components/PreSaleBanner/index.tsx
+++ b/js/packages/web/src/components/PreSaleBanner/index.tsx
@@ -1,12 +1,11 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React from 'react';
 import { Col, Row, Button } from 'antd';
 
 import './index.less';
-import { AuctionView, useAuctions, useArt } from '../../hooks';
+import { AuctionView, useArt } from '../../hooks';
 import { ArtContent } from '../ArtContent';
 import { AuctionCard } from '../AuctionCard';
 import { Link } from 'react-router-dom';
-import moment from 'moment';
 import { MetaAvatar } from '../MetaAvatar';
 
 interface IPreSaleBanner {
diff --git a/js/packages/web/src/components/Settings/index.tsx b/js/packages/web/src/components/Settings/index.tsx
index 542881d..0d2d3c3 100644
--- a/js/packages/web/src/components/Settings/index.tsx
+++ b/js/packages/web/src/components/Settings/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { Button, Select } from 'antd';
 import { contexts } from '@oyster/common';
 
-const { useWallet, WALLET_PROVIDERS } = contexts.Wallet;
+const { useWallet } = contexts.Wallet;
 const { ENDPOINTS, useConnectionConfig } = contexts.Connection;
 
 export const Settings = () => {