Cannot host react app error from response is something like => You need to enable JavaScript to run this app.

I am testing my react app on my local server by building it using npm run build
Now here I am getting a error my app is hosted properly but whenever I try to login it shows this error on console.
Console Error

Next I am inspecting the network tab it shows
Response is Ok but it gets HTML as a result!

<!doctype html>
<html lang="en">
   <head>
      <title>DDU Placement Portal</title>
      <link rel="icon" href="/ddu_favicon.svg">
      <meta charset="utf-8"/>
      <meta name="viewport" content="width=device-width,initial-scale=1"/>
      <meta name="theme-color" content="#2296f3"/>
      <meta name="title" content="Berry - React Material Admin Dashboard Template by CodedThemes"/>
      <meta name="description" content="Start your next React project with Berry admin template. It build with Reactjs, Material-UI, Redux, and Hook for faster web development."/>
      <meta name="keywords" content="react admin template, material-ui react dashboard template, reactjs admin template, reactjs dashboard, react backend template"/>
      <meta name="author" content="CodedThemes"/>
      <meta property="og:locale" content="en_US"/>
      <meta property="og:type" content="website"/>
      <meta property="og:url" content="https://berrydashboard.io/"/>
      <meta property="og:site_name" content="berrydashboard.io"/>
      <meta property="article:publisher" content="https://www.facebook.com/codedthemes"/>
      <meta property="og:title" content="Berry - React Material Dashboard Template"/>
      <meta property="og:description" content="Berry Dashboard is made for the faster web application development built using Material-UI, Reactjs, Redux & Hook API."/>
      <meta property="og:image" content="https://berrydashboard.io/og-image/og-facebook.png"/>
      <meta property="twitter:card" content="summary_large_image"/>
      <meta property="twitter:url" content="https://berrydashboard.io"/>
      <meta property="twitter:title" content="Berry - React Material Dashboard Template"/>
      <meta property="twitter:description" content="Berry Dashboard is made for the faster web application development built using Material-UI, Reactjs, Redux & Hook API."/>
      <meta property="twitter:image" content="https://berrydashboard.io/og-image/og-twitter.png"/>
      <meta name="twitter:creator" content="@codedthemes"/>
      <link rel="preconnect" href="https://fonts.gstatic.com"/>
      <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"/>
      <script src="https://kit.fontawesome.com/4b9ba14b0f.js" crossorigin="anonymous"></script><script defer="defer" src="/static/js/main.c5c95319.js"></script>
      <link href="/static/css/main.a757dd27.css" rel="stylesheet">
   </head>
   <body>
      <noscript>You need to enable JavaScript to run this app.</noscript>
      <div id="root"></div>
      <script type="text/javascript">!function(t,e,n,c,s,a,r){t[n]=t[n]||function(){(t[n].q=t[n].q||[]).push(arguments)},(a=e.createElement(c)).async=1,a.src="https://www.clarity.ms/tag/6sbb1vpcjo",(r=e.getElementsByTagName(c)[0]).parentNode.insertBefore(a,r)}(window,document,"clarity","script")</script><script async src="https://www.googletagmanager.com/gtag/js?id=G-X1LG1CJ1GG"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-X1LG1CJ1GG"),gtag("event","action",{non_interaction:!0})</script>
   </body>
</html>

Please Help me!