test2.jsx

// App.jsx
import React, { Fragment } from "react";

// - Data
import data from "./data.json";

export default function App() {

  function renderQuestions() {
    return data.results.map((result, index) => (
      <Question key={index} {...{result, index}} />
    ));
  }

  return (
    <Fragment>
      <Start />
      {renderQuestions()}
      <Finish />
    </Fragment>
  );
}

function Start() {
  return (
    <Fragment>
      <h1>Video games</h1>
      <h2>How much you know about them?</h2>
      <Button text="Let's go!" func={() => scrollToElem("question-0")} />
    </Fragment>
  );
}

function Finish() {
  return (
    <Fragment>
      <h3>Well done!</h3>
      <h4>
        You scored {calculateResult(correctAnswers, chosenAnswers)} out of {totalQuestions}
      </h4>
      <Button text="start over" func={() => window.location.reload()} />
    </Fragment>    
  );
}