Библиотека тестирования React - несколько fireEvent не проверяют текст

Я хочу написать свой компонент. У меня есть форма с выделением и абзац с текстом. Когда я выбираю вариант «6», текст абзаца меняется на «6 частей». Когда я выбираю вариант «9», текст абзаца меняется на «9 штук» и т. Д.

Проблема в том, что работает только с первого раза. На втором у меня старый текст в абзаце. Как я могу обновлять каждое изменение выбора?

const { getByTestId } = renderForm();

const textElem = getByTestId('text');
const select = getByTestId('select');


fireEvent.change(select, { target: { value: '6' } });

// works fine
expect(textElem).toHaveTextContent('6 pieces');


fireEvent.change(select, { target: { value: '9' } });

// is still 6 pieces
expect(textElem).toHaveTextContent('9 pieces');

Я пробовал также с act, но получил те же результаты:

act(()=>{
    fireEvent.change(select, { target: { value: '6' } });
});

// works fine
expect(textElem).toHaveTextContent('6 pieces');


act(()=>{
    fireEvent.change(select, { target: { value: '9' } });
});

// is still 6 pieces
expect(textElem).toHaveTextContent('9 pieces');

Также пробовал с rerender - результаты те же.