useState não esta renderizando componente após POST

Após usar o setState o componente deveria renderizar novamente correto?

Com o código abaixo isso não acontece.

export default function Form() {
    const [names, setNames] = useState<IName[]>([]);
    const [name, setName] = useState<string>('');

    function storeStock(e: React.FormEvent<HTMLFormElement>): void {
        e.preventDefault();
        axios.post('url', {
            name: name,
            info1: 'default',
            info2: 'default'
        })
            .then((res) => {
                setNames([...names, res.data]);
                alert('Cadastrado.');
            });

    }

    return (
        <main>
            {names.map(n => (
                    <Name
                        key={n.id}
                        {...n}
                    />
                ))}
            <form onSubmit={(e) => storeStock(e)}>
                <input type="text" onChange={e => setName(e.target.value)} />
                <button type='submit'>Cadastrar</button>
            </form>
        </main>
    );
}