Is it possible to control the mute and volume properties with state variables?

[lkgatesman]

I'm using this audio player for a project where I've created my own custom control for volume, which includes a volume range bar and a mute button. I've tried controlling mute and volume props with state variables passed into the audio player, but the state variables changing has no effect on the audio itself. For example:

const [muted, setMuted] = useState<boolean>(false);
const [volume, setVolume] = useState<number>(0.5);

<AudioPlayer
        autoPlay={false}
        src={originalLinks.audioSource.toString()}
        volume={volume}
        muted={muted}
        ref={audio}
        onEnded={onAudioEnded}
        hasDefaultKeyBindings={false}
/>

Changing mute or volume with their respective setState functions has no impact on the audio. Suggestions and help are appreciated! Thank you.