Getting undefined in output for transcript

[ashwin-maurya]

It is not giving any error though the output for trascript is
{blob: undefined, text: undefined}

I am using the very first example in the git repo.

`import React, { useState, useEffect } from 'react'
import { useWhisper } from '@chengsokdara/use-whisper'

export default function OpenAIDialog() {
    const {
        recording,
        speaking,
        transcribing,
        transcript,
        pauseRecording,
        startRecording,
        stopRecording,
    } = useWhisper({
        apiKey: 'Key', // YOUR_OPEN_AI_TOKEN
    })
    useEffect(() => {
        console.log('transcribing', transcribing)
        console.log('transcript', transcript)
        console.log('recording', recording)
        console.log('speaking', speaking)
    }, [recording, speaking, transcribing, transcript])
    return (
        <div>
            <p>Recording: {recording}</p>
            <p>Speaking: {speaking}</p>
            <p>Transcribing: {transcribing}</p>
            <p>Transcribed Text: {transcript.text}</p>
            <button onClick={() => startRecording()}>Start</button>
            <button onClick={() => pauseRecording()}>Pause</button>
            <button onClick={() => stopRecording()}>Stop</button>
        </div>
    )
}
`