` instead of ``: **To migrate**, add a `display: inline-block/block` or `wrapper=\"div\"` to all `` occurances with unspecified wrapper.\n\n## Usage Notes\n\n### Immutability\n\nDue to the nature of the animation, this component is **permanently memoized**, which means that the component **never** re-renders unless you hard-reload the page, and hence **props changes will not be reflected**.\n\n### Hot Reload NOT Supported\n\nBecause the TypeAnimation component is memoized and **never** re-rendered (see above), yet Hot Reload attempts to re-render the component, **changes to the TypeAnimation component will not render until you hard-reload the page**.\n\nHence, whenever you make changes to the TypeAnimation component, you unfortunately have to reload your page.\n\n## Props\n\nSee [https://react-type-animation.netlify.app/options](https://react-type-animation.netlify.app/options) for more details.\n\n| Prop | Required | Type | Example | Description | Default |\n|-------------------------|----------|--------------------------------------------------------------------|-------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------|--------------------|\n| `sequence` | yes | Array void | Promise)> | `['One', 1000, 'Two', () => console.log(\"done\")]` | Animation sequence: [TEXT, DELAY-MS, CALLBACK] | `-` |\n| `wrapper` | no | string | `p`,`h2`,`div`, `strong` | HTML element tag that wraps the typing animation | `span` |\n| `speed` | no | 1,2,..,99 | {type: \"keyStrokeDelayInMs\", value: number} | `45`, `{type: \"keyStrokeDelayInMs\", value: 100}` | Speed for the writing of the animation | `40` |\n| `deletionSpeed` | no | 1,2,..,99 | {type: \"keyStrokeDelayInMs\", value: number} | `45`, `{type: \"keyStrokeDelayInMs\", value: 100}` | Speed for deleting of the animation | `speed` |\n| `omitDeletionAnimation` | no | boolean | `false`, `true` | If true, deletions will be instant and without animation | `false` |\n| `repeat` | no | number | `0`, `3`, `Infinity` | Amount of animation repetitions | `0` |\n| `cursor` | no | boolean | `false`, `true` | Display default blinking cursor css-animation | `true` |\n| `preRenderFirstString` | no | boolean | `false`, `true` | If true, the first string of your sequence will not be animated and initially (pre-)rendered | `true` |\n| `className` | no | string | `custom-class-name` | HTML class name applied to the wrapper to style the text | `-` |\n| `style` | no | object | `{fontSize: '2em'}` | JSX inline style object | `-` |\n| `ref` | no | HTMLElement | null | `-` | `-` | `-` |\n| `splitter` | no | (text: string) => Array | `(str) => new GraphemeSplitter().splitGraphemes(str)` | Used for splitting complex characters, see [grapheme-splitter](https://github.com/orling/grapheme-splitter) for more details | `String.split('')` |\n\n---\n\n
\n
\n
\n\n[npm](https://www.npmjs.com/package/react-type-animation) / [github](https://github.com/maxeth/react-type-animation/)\nCredits: [typical](https://github.com/camwiegert/typical)\nShoutouts/Supporters: [blockig](https://www.blockig.com/)\n","readmeFilename":"README.md"}