Quero que determinado componente só apareça na tela depois de 1 segundo. Tem como fazer isso usando bloco JSX?

Quando coloco o código abaixo, aparece um número na tela ao invés da mensagem.

```
function App() {
  return (
    <>
      {setInterval(() => {
        return (
          <div className="answer">
            <input
              type="text"
              placeholder="Nome e sobrenome"
              value={name}
              onChange={(e) => setName(e.target.value)}
            />
            <button type="submit" onClick={handleInputName}>
              <PlayArrowIcon fontSize="large" color="primary" />
            </button>
          </div>
        );
      }, 1000)}
    </>
  );
}
```