react-tabs VS typewriterjs

I'd just use a plugin and follow the documentation: https://reactcommunity.org/react-tabs/

In my electron application, I have an xterm.js ( https://xtermjs.org/) terminal emulator, in one of my react tabs`. How do I preserve the state of this terminal so that when the use go out and back the text, cursor position etc still is there? the usual approach in react is just use state variables, set it in the parent component and pass it down to the child on renderer but since xterm.js isn't a react component itself, by now I have no idea how to do that.

React-tabs. An accessible and easy tab view component for ReactJS. It's a great library to add tab functionality. The link: https://reactcommunity.org/react-tabs

Add a tabbed table

As for tools, I think there are many ready-made solutions, but I used the https://www.npmjs.com/package/typewriter-effect, which is good and deserves a star.

I've also tried svelte-typewriter but it does not work as good as typewriter.js ( https://github.com/tameemsafi/typewriterjs )

https://www.npmjs.com/package/typewriter-effect npm i typewriter-effect

What would also be neat is to use that typewriter effect to do something like "Never miss [a drug test, community service hours, a course, a fine payment]"

It's typewriter-effect

Try typewriterjs Github

typewriterjs - A simple yet powerful native javascript plugin for a cool typewriter effect.