[Reclamação] Transcrição errada

Eu geralmente estudo utilizando a transcrição pois ja tem o codigo para copiar e colar. Porem a transcrição esta com um erro dessa vez. Esse e o codigo que aparece na transcrição:

import ToggleTheme from "../ToggleTheme/ToggleTheme"

const ToggleTheme = () => {
    const Toggle = () => {
        document.documentElement.classList.toggle('dark')
    }
    return <div className="hidden sm:block">
        <MoonIcon className="h-8 text-gray-100 block dark:hidden" onClick={toggle}/>
        <SunIcon className="h-8 text-gray-100 hidden dark:block" onClick={toggle}/>
    </div>
}

export default ToggleTheme

No caso o import e a função const Toggle estão diferente do apresentado no video as quais estão dessa maneira :

import { MoonIcon, SunIcon } from "@heroicons/react/24/solid"

const ToggleTheme = () => {
    const Toggle = () => {
        document.documentElement.classList.toggle('dark')
    }
    return <div className="hidden sm:block">
        <MoonIcon className="h-8 text-gray-100 block dark:hidden cursor-pointer" onClick={toggle}/>
        <SunIcon className="h-8 text-gray-100 hidden dark:block cursor-pointer" onClick={toggle}/>
    </div>
}

export default ToggleTheme

acho que seria algo simples de ser corrigido, desde ja agradeço.