Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Invalid hook call

Erro no console: Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app

throwInvalidHookError useState render App.js:6

meu codigo

2 respostas
solução!

já resolvido

import React, { useState } from 'react';
import Banner from './componentes/Banner/Banner';
import Formulario from './componentes/Formulario';

function App() {

  const [colaboradores, setColaboradores] = useState([])

  const aoNovoColaboradorAdicionado = (colaborador) => {
    console.log(colaborador)
    setColaboradores([...colaboradores, colaborador])
  }

  return (
    <div className="App">
      <Banner />
      <Formulario aoColaboradorCadastrado={colaborador => aoNovoColaboradorAdicionado(colaborador)}/>
    </div>
  );
}

export default App;

Oi Diego, tudo bem?

Que bom que você conseguiu resolver o problema que estava enfrentando. E obrigada por compartilhar com a gente a solução :D

Irei finalizar o tópico por você.

Um abraço e bons estudos.