Javascript 打字机效果与标题不一致

我正在尝试用react建立一个投资组合网站，我想用打字机打印我的一些爱好

目前，我的代码的功能是

“我喜欢”
[爱好]

我希望它能起到

“我喜欢”[爱好]

这是我的代码

<div className="row banner">
    <div className="banner-text">
        <h1 className="responsive-headline">I am {resumeData.name}.</h1>
        <h3>I am a {resumeData.role}.{resumeData.roleDescription}</h3>
        <div className="typewriter-home">
            <h2>I like
                <Typical loop={Infinity}
                  steps={['Coding', 2000,'Soccer', 2000, 
                          'Basketball', 2000, 'Finance', 2000,
                          'Tech', 2000]}/></h2>
         </div>

从外观上看，似乎可以设置包装器道具。也许试试

<Typical loop={Infinity} wrapper={'span'}
    steps={['Coding', 2000,'Soccer', 2000, 
        'Basketball', 2000, 'Finance', 2000,
        'Tech', 2000]}/>

---

我们不知道生成的是什么典型元素。

<Typical loop={Infinity} wrapper={'span'}
    steps={['Coding', 2000,'Soccer', 2000, 
        'Basketball', 2000, 'Finance', 2000,
        'Tech', 2000]}/>