commented unused parts

src/App.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import logo from './logo.svg';
+//import logo from './logo.svg';
 import './App.css';
-import Header from './components/Header';
-import DarkMode from "./components/DarkMode";
-import Counter from './components/Counter';
-import Timer from './components/Timer';
+//import Header from './components/Header';
+//import DarkMode from "./components/DarkMode";
+//import Counter from './components/Counter';
+//import Timer from './components/Timer';
 function App() {
   return (
     <div className="App">

src/components/Header.tsx

@@ -1,7 +1,7 @@
 //import * as React from 'react';
-import React, {Component} from 'react';
-import { useState,useEffect } from "react";
-import { useNavigate,useParams } from 'react-router-dom';
+import React from 'react';
+import { useState } from "react";
+//import { useNavigate,useParams } from 'react-router-dom';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
  function Header() {

src/index.tsx

@@ -3,8 +3,8 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { useCustomElementRef, fluid } from './fluid'; // Replaced by @lmig/fluid-react-utils
-import { useEffect, useRef } from 'react';
+//import { useCustomElementRef, fluid } from './fluid'; // Replaced by @lmig/fluid-react-utils
+//import { useEffect, useRef } from 'react';
 import { defineCustomElements } from 'stenciljs-components/loader';
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement