My nextjs app is working fine in dev mode but when I am trying to build it for production it gives an error about array.filter that filter is not defined.

const { questions, answers } = useQuiz();
    const correctAnswersCount = answers.filter((answer, index) => answer === questions[index].correct).length; <!--Error Here -->

    return (
        <div className="flex flex-col items-center justify-center bg-gray-100">
            <div className="w-[70vw] mx-auto">
                <h1 className="text-xl font-bold text-center">Quiz Results</h1>
                <DonutChart correctAnswers={correctAnswersCount} totalQuestions={questions.length} />
                </div><div className='flex justify-center mt-40'>
                <Link href="/review">
                    <button className="mt-4 bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
                        Review Answers
                    </button>
                </Link>
            </div>
        </div>