Pitch helper.

import {
  AudioProvider,
  clampFrequency,
  frequencyToNoteName,
  useTone,
} from "@webaudio-kit/react";

function PitchHelperDemo({ frequency = 440 }) {
  const safeFrequency = clampFrequency(frequency);
  const tone = useTone({ frequency: safeFrequency, gain: 0.12 });

  return (
    <>
      <span>{frequencyToNoteName(safeFrequency)}</span>
      <button onClick={() => void tone.play({ durationMs: 700 })}>
        Play pitch
      </button>
    </>
  );
}

export function App() {
  return (
    <AudioProvider>
      <PitchHelperDemo />
    </AudioProvider>
  );
}