Cómo declarar interfaces globales de TypeScript en Next.js

Estoy creando una aplicación web de comercio electrónico usando next.js y typescript para el frontend, en la que he declarado muchas interfaces que son similares en diferentes páginas y componentes. ¿Hay alguna manera de que pueda hacer interfaces globales que puedan ser accesibles por todas las páginas y componentes?

Respuesta #1

De hecho, creo que es un enfoque mejor importar los tipos. Pero si quieres crear los tipos globalmente, entonces puedes crear un archivo custom.d.ts en la raíz de tu aplicación. Luego puedes crear los tipos allí.

    declare global {
      interface User {
        name: string;
        email: string;
      }
    }

Esto funcionará. Pero no recomiendo usar esto.

Respuesta #2

La respuesta de @Pranta es correcta, pero también necesitas exportar al final.

declare global {
    interface User {
        name: string;
        email: string;
    }
}
export default global;