node:internal/deps/undici/undici:11576
    Error.captureStackTrace(err, this);
          ^

TypeError: fetch failed
    at Object.fetch (node:internal/deps/undici/undici:11576:11)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async file:///home/indeevar/Personal/frontend/anime-scraper/index.js:23:18 {
  cause: Error: read ECONNRESET
      at TLSWrap.onStreamRead (node:internal/stream_base_commons:217:20) {
    errno: -104,
    code: 'ECONNRESET',
    syscall: 'read'
  }
}

Node.js v18.17.1

node:internal/deps/undici/undici:11576
    Error.captureStackTrace(err, this);
          ^

TypeError: fetch failed
    at Object.fetch (node:internal/deps/undici/undici:11576:11)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async file:///home/indeevar/Personal/frontend/anime-scraper/index.js:23:18 {
  cause: Error: read ECONNRESET
      at TLSWrap.onStreamRead (node:internal/stream_base_commons:217:20) {
    errno: -104,
    code: 'ECONNRESET',
    syscall: 'read'
  }
}

Node.js v18.17.1

// App.js
import { useState } from 'react';
import Rating from './components/Rating';
import Thankyou from './components/Thankyou';

function App() {
    const [selectedRating, setSelectedRating] = useState(0);
    const [showThankyou, setShowThankyou] = useState(false);

    const handleRatingChange = (rating) => {
        setSelectedRating(rating);
    };

    const handleRatingSubmit = () => {
        setShowThankyou(true);
    };

    return (
        <div className='font-outfit h-screen grid place-items-center'>
            {!showThankyou ? (
                <Rating onRatingChange={handleRatingChange} onRatingSubmit={handleRatingSubmit} />
            ) : (
                <Thankyou value={selectedRating} />
            )}
        </div>
    );
}

export default App;

// App.js
import { useState } from 'react';
import Rating from './components/Rating';
import Thankyou from './components/Thankyou';

function App() {
    const [selectedRating, setSelectedRating] = useState(0);
    const [showThankyou, setShowThankyou] = useState(false);

    const handleRatingChange = (rating) => {
        setSelectedRating(rating);
    };

    const handleRatingSubmit = () => {
        setShowThankyou(true);
    };

    return (
        <div className='font-outfit h-screen grid place-items-center'>
            {!showThankyou ? (
                <Rating onRatingChange={handleRatingChange} onRatingSubmit={handleRatingSubmit} />
            ) : (
                <Thankyou value={selectedRating} />
            )}
        </div>
    );
}

export default App;