我在Next.js 13中编程时遇到了这个问题。我真的很感激任何帮助或建议=），以下是文件：

键入文本.tsx

import React from "react";

export function useTypedText(text: string, speed: number, delayTime?: number) {
  const [textState, setTextState] = React.useState("")
  const chars = text.split("")
  let interval = speed

  if(textState.length === 0 && delayTime)
    interval = speed + delayTime

  React.useEffect(() => {
    const timer = setTimeout(() => {
      setTextState((prevText) => {
        if (prevText.length !== chars.length) {
          const newText = prevText.concat(chars[prevText.length])
          return newText
        }
        return prevText
      })
    }, interval)
    return () => clearTimeout(timer)
  })

  return textState
}

主标题.tsx：

import React from 'react';
import { useTypedText }  from '../typingtext';

export function VMainHeader() {
  return (
    <div>
      <h1>
        {useTypedText("Hello everyone!", 50)}
        <br/>
        {useTypedText("I'm Diego.", 50, 200)}
      </h1>
      <h2>
        {useTypedText("Welcome", 30, 350)}
      </h2>
    </div>
  )
}

首页.tsx

import React from "react"
import { VMainHeader } from "./mainheader"
export default function VHome(){
  return(
    <div>
      <VMainHeader />
    </div>
  )
}

我期待着知道发生了什么，因为我已经尝试与

import { useState, useEffect } from "react";

在typingtext.tsx文件中，但它不起作用