userEvent.type() doesn't work

• @testing-library/user-event version: 13.1.5

Code from docs

import React from 'react'
import {render, screen} from '@testing-library/react'
import userEvent from '@testing-library/user-event'

test('type', () => {
    render(<textarea />)

    userEvent.type(screen.getByRole('textbox'), 'Hello, World!')
    expect(screen.getByRole('textbox')).toHaveValue('Hello, World!')
})

What you did: ran this code

What happened: got an error, because it received ‘H’ instead ‘Hello, World!’

[ph-fritsche]

@netcoding87 Fixed your event handler: https://codesandbox.io/s/recursing-haze-48u6to?file=/src/MyInput.tsx

[netcoding87]

Thanks. Just try to think why this small change makes such a difference 🧐 It must be sth with how React is calling the callback passed into the set function of the state and how the values are evaluated.