Configurando Next.js com TypeScript

Configurando Next.js com TypeScript | Alura Cursos Online

What is your project named? my-app
*(Qual é o nome do seu projeto?) my-app*
Would you like to use TypeScript? No / Yes
*(Você gostaria de usar TypeScript?) Não / Sim*
Would you like to use ESLint? No / Yes
*(Você gostaria de usar ESLint?) Não / Sim*
Would you like to use Tailwind CSS? No / Yes
*(Você gostaria de usar Tailwind CSS?) Não / Sim*
Would you like to use `src/` directory? No / Yes
*(Você gostaria de usar o diretório `src/`?) Não / Sim*
Would you like to use App Router? (recommended) No / Yes
*(Você gostaria de usar o App Router?) [Recomendado] Não / Sim*
Would you like to customize the default import alias? No / Yes
*(Você gostaria de personalizar o alias de importação padrão?) Não / Sim*
What import alias would you like configured? @/*
*(Qual alias de importação você gostaria de configurar?) @/*

"use client"
import React, { useState, useEffect } from 'react';
export default function Relogio() {
  const [dateTime, setDateTime] = useState<string>(new Date().toLocaleString());
  useEffect(() => {
    const interval = setInterval(() => {
      setDateTime(new Date().toLocaleString());
    }, 1000);
    return () => clearInterval(interval);
  }, []);
  return (
    <div>
      <h1 id="titulo">Relógio 🕗
      {dateTime}
    
  );
}