Hi,
I'm Tomisin Abiodun, a

const convertCelciusToFahrenheit = (temp: number) => (temp * 9/5) + 32;

const TemperatureDisplay = (props: { tempInCelcius: number }) => {
    const { tempInCelcius } = props;

    const [tempInFahrenheit, setTempInFahrenheit] = useState();

    useEffect(() => {
        setTempInFahrenheit(convertCelciusToFahrenheit(tempInFahrenheit));
    }, [tempInCelcius]);

    return <div>Temperature is: {tempInFahrenheit}°F</div>;
};

const TemperatureDisplayWithMemo = (props: { tempInCelcius: number }) => {
    const { tempInCelcius } = props;

    // The useState + useEffect hook combo simplified into a single useMemo hook
    const tempInFahrenheit = useMemo(() => {
        return convertCelciusToFahrenheit(tempInCelcius);
    }, [tempInCelcius]);

    return <div>Temperature is: {tempInFahrenheit}°F</div>;
};