WeatherWidget example

weather.tsx

import { useState } from 'react';

export const WeatherWidget = ({ city }: { city: string }) => {
  const [temp, setTemp] = useState<number | null>(null);

  fetch(`/api/weather?city=${city}`)
    .then(r => r.json())
    .then(data => setTemp(data.temp));

  if (temp === null) return <p>Loading…</p>;
  return <p>{city}: {temp}°C</p>;
};