returnErrorComponent.jsx

<div>

  {hasError && <ErrorComponent></ErrorComponent>}

  {!hasError && (
    <section className="App">
      <div>
        <label>First Value:{" "}</label>
        <input id="firstValue" type="text" value={numerator} onChange={updateValue} />
      </div>
      <div>
        <label>Second Value:{" "}</label>
        <input id="secondValue" type="text" value={denominator} onChange={updateValue} />
      </div>
      <div>Output: {executionOutput}</div>
      <input type="button" onClick={getDivision} value="Divide Values" />
    </section>
  )}
</div>