Cómo resolver Advertencia: React no reconoce el accesorio X en un elemento DOM

Estoy usando una cosa llamada reaccionar-firebase-js para manejar la autenticación de base de fuego, pero mi comprensión de reaccionar y de la idea de proveedor-consumidor es limitada.

Comencé con una cosa JSX muy grande construida en el nivel superior, y eso funciona sin advertencias. Pero cuando intento dividirlo en componentes, aparece la advertencia que se muestra en el título y algunas otras.

Esto funciona sin previo aviso…

// in App.js component

  render() {
    return (
        <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <FirebaseAuthConsumer>
                {({ isSignedIn, user, providerId }) => {
                    if (isSignedIn) {
                        return (
                           // ui for signed in user
                        );  
                    } else {
                        if (this.state.confirmationResult) {
                            return (
                                // ui to get a phone number sign in
                            );
                        } else {                  
                            return (
                                // ui to verify sms code that was sent
                            );
                        }
                    }
                }}
            </FirebaseAuthConsumer>
        </header>
    );
  }

Pero esto, mejor diseño, pensé, genera errores/advertencias…

// in App.js component
render() {
    return (
      <MuiThemeProvider>
      <FirebaseAuthProvider {...config} firebase={firebase}>
        <div className="App">
          <IfFirebaseAuthed>
            <p>You're authed buddy</p>
            <RaisedButton label="Sign Out" onClick={this.signOutClick} />
          </IfFirebaseAuthed>
          <IfFirebaseUnAuthed>
              <Authenticater />  // <-- this is the new component
        </IfFirebaseUnAuthed>
        </div>
      </FirebaseAuthProvider>
      </MuiThemeProvider>
    );
  }

// in my brand new Authenticator component...

  render() {
    return (
        <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <FirebaseAuthConsumer>
                {({ isSignedIn, user, providerId }) => {
                    if (isSignedIn) {
                        return (
                        <div>
                            <pre style={{ height: 300, overflow: "auto" }}>
                            {JSON.stringify({ isSignedIn, user, providerId }, null, 2)}
                            </pre>
                        </div>
                        );  
                    } else {
                        if (this.state.confirmationResult) {
                            return (
                                // ui to get a phone number sign in
                            );
                        } else {                  
                            return (
                                // ui to verify an sms code that was sent
                            );
                        }
                    }
                }}
            </FirebaseAuthConsumer>
        </header>
    );
  }

Los errores/advertencias se ven así…

[Error] Advertencia: React no reconoce el isSignedIn prop en un elemento DOM. Si desea que aparezca intencionalmente en el DOM como un atributo personalizado, escríbalo en minúsculas issignedin en cambio. Si lo pasó accidentalmente desde un componente principal, elimínelo del elemento DOM.

[Error] Advertencia: React no reconoce el providerId prop en un elemento DOM. Si desea que aparezca intencionalmente en el DOM como un atributo personalizado, escríbalo en minúsculas providerid en cambio. Si lo pasó accidentalmente desde un componente principal, elimínelo del elemento DOM.

[Error] Error: ¡No se pueden cargar las dependencias externas de reCAPTCHA! (función anónima) (0.chunk.js:1216) [Error] Error: el error que proporcionó no contiene un seguimiento de la pila.

¿Estoy malinterpretando cómo usar proveedores-consumidores, o hay un error en el código de react-firebase, o estoy haciendo algo mal? Gracias.