how to hide the cursor when the sentence finishes

[toanlv92]

No description provided.

[UfukTanriverdi8]

import Typewriter from 'typewriter-effect'
import { useState } from 'react'

const Header = ( ) => {
    const [showCursor, setShowCursor] = useState(true)
    return (
          <Typewriter
            onInit={(typewriter) => {
              typewriter.typeString('this is a title')
              .pauseFor(300)
              .deleteChars(5)
              .typeString('<strong style="color: #e21936;">title</strong>')
              .pauseFor(1000)
              .callFunction(()=>setShowCursor(false)) // Hide cursor after typing
              .start()
            } } options={{
              delay: 'natural',
              cursor: showCursor ? "|" : "",
            }}
  />

tried something like this. but whenever i try to change the cursor property dynamically, the whole text just disappears.