React Js Get Current Week number

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
  </head>

<body>
    <div id="app"></div>
    <script type="text/babel">
      function getCurrentWeekNumber() {
        const now = new Date();
        const startOfYear = new Date(now.getFullYear(), 0, 1);
        const startOfWeek = new Date(
          startOfYear.setDate(startOfYear.getDate() - startOfYear.getDay())
        );

const diffInTime = now.getTime() - startOfWeek.getTime();
        const diffInWeeks = Math.floor(diffInTime / (1000 * 3600 * 24 * 7));

return diffInWeeks + 1; // Add 1 to account for the first week
      }

function App() {
        const currentWeekNumber = getCurrentWeekNumber();

return (
          <div className="container">
            <h3>React Js Get Current Week number</h3>
            <p>Current Week Number: {currentWeekNumber}</p>
          </div>
        );
      }

ReactDOM.render(<App />, document.getElementById("app"));
    </script>
    <style>
      .container {
        max-width: 500px;
        margin: 0 auto;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }
    </style>
  </body>
</html>