Switch ts-loader to babel and add hmr

src/pages/home/banner/index.tsx

@@ -1,17 +1,17 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { arrowEl } from './arrow';
 import './style.css';
 
 const Banner = () => {
+
   return (
     <div className="container hero">
       <div className="hero-main">
         <div className="hero-line"></div>
         <h1 className="hero-title">Discover And Create NFTs</h1>
         <p className="hero-description">
-          Discover, Create and Sell NFTs On Our NFT Marketplace With Over
-          Thousands Of NFTs And Get a{' '}
-          <span className="hero-description__bold">$20 bonus</span>.
+          Discover, Create and Sell NFTs On Our NFT Marketplace With Over Thousands Of NFTs And Get
+          a <span className="hero-description__bold">$20 bonus</span>.
         </p>
         <div className="hero-buttons">
           <button className="button">Explore More</button>