我想展示我的网站上使用打字机效果的特定代码段.我不仅希望它被显示，但也“键入”出来时，页面加载.我还没有找到一个解决方案，希望你能帮助我.这里是我目前的代码：

'use client';
import { Code, HStack, Heading, VStack } from '@chakra-ui/react';
import { useEffect } from 'react';
import Typewriter from "typewriter-effect";

export default function AnimatedCodeBlock() {
    
    return (
        <>
            <Code children={
                <Typewriter options={{
                   delay:1,
                   autoStart: true,
                   strings:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
                  }} />
            }></Code>
        </>
    );
}
//Code I Would like to be displayed.
/*

using System;

class Program
{
    static void Main()
    {
        Console.WriteLine("Hello, World!");
    }
}
*/

字符串