시간 index.js 오류가 나요 ㅠ

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
//import App from './App';
//import reportWebVitals from './reportWebVitals';

import Clock from './chapter_04/clock';

const root = ReactDOM.createRoot(document.getElementById('root'));
setInterval(() => {
  root.render(
    <React.StrictMode>
      <Clock />
    </React.StrictMode>
  );
}, 1000);

import React from "react";

const Clock = () => {
    return(
        <div>
            <h1>안녕, 리엑스</h1>
            <h2>현재 시간: {new Date().toLocaleTimeString}</h2>
        </div>
    )
}
export default Clock;

Failed to compile.

Module not found: Error: Can't resolve './chapter_03/Library' in 'C:\reactdeveloper\reactcoding\my-app\src'
WARNING in [eslint]
src\index.js
  Line 4:8:  'App' is defined but never used              no-unused-vars
  Line 5:8:  'reportWebVitals' is defined but never used  no-unused-vars
  Line 7:8:  'Library' is defined but never used          no-unused-vars

Failed to compile.

Module not found: Error: Can't resolve './chapter_03/Library' in 'C:\reactdeveloper\reactcoding\my-app\src'
WARNING in [eslint]
src\index.js
  Line 4:8:  'App' is defined but never used              no-unused-vars
  Line 5:8:  'reportWebVitals' is defined but never used  no-unused-vars
  Line 7:8:  'Library' is defined but never used          no-unused-vars

Failed to compile.

Module not found: Error: Cannot find file: 'clock.jsx' does not match the corresponding name on disk: '.\src\chapter_04\Clock.jsx'.
ERROR in ./src/index.js 10:0-39
Module not found: Error: Cannot find file: 'clock.jsx' does not match the corresponding name on disk: '.\src\chapter_04\Clock.jsx'.

webpack compiled with 1 error

이렇게 오류가 나고 있는데 해결 방법이 있을까요

인프런 커뮤니티 질문&답변