import React from "react";
import boilingVerdict from "./BoilingVerdict";

export default class Calculator extends React.Component {
  state = {
    temperature: "",
  };

  onTemperatureChange = (e) => {
    this.setState({
      temperature: e.target.value,
    });
  };

  render() {
    const { temperature } = this.state;

    return (
      <>
        <fieldset>
          <legend>Enter temperature in Celcius: </legend>
          <input
            type="text"
            value={temperature}
            onChange={this.onTemperatureChange}
          />
        </fieldset>
        <boilingVerdict celcius={parseFloat(temperature)} />
      </>
    );
  }
}


where is the mistake