[Backstage] Getting Started GitHub Authentication on a Backstage Instance - Config at Front

App.tsx

// packages/app/src/App.tsx

// Há um import do pacote @backstage/core-components, que atualizaremos de maneira que fique:
import { AlertDisplay, OAuthRequestDialog, SignInProviderConfig, SignInPage } from '@backstage/core-components';
[...]

// Realizaremos ainda o import de um novo pacote:
import { githubAuthApiRef } from '@backstage/core-plugin-api';

[...]

// Adicionaremso ainda o seguinte trecho de código, onde estaremos criando o sistema de autenticação
// em nosso front-end.
const githubAuthProvider: SignInProviderConfig = {
 id: 'github-auth-provider',
 title: 'Github',
 message: 'Realize login com sua conta Github',
 apiRef: githubAuthApiRef,
};

const app = createApp({
 apis,
 components: {
   SignInPage: props => (
     <SignInPage
       {...props}
       auto
       providers={[githubAuthProvider]}
     />
   ),
 },
 [...]
});
[...]