Transition components allow you to create smooth transition effects for your components.
npm install transition-components --save-devor
yarn add -D transition-componentsAdd Transitions to your component:
import React from 'react'
import ReactDOM from 'react-dom/client'
import { Transitions } from 'transition-components'
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
<React.StrictMode>
<Transitions mode='scale-up-center'>
<div className='page-container'>Title</div>
</Transitions>
</React.StrictMode>,
)