Add class to the extra div generated by withAuthenticator HOC

When wrapping withAuthenticator around a component, if the user is signed in, an extra div is created:

if (signedIn) {
    return (
        <div>
            {
                includeGreetings?
                <Greetings
                    authState={authState}
                    authData={authData}
                    onStateChange={this.handleAuthStateChange}
                  />
                  : null
                }
                <Comp
                    {...this.props}
                    authState={authState}
                    authData={authData}
                    onStateChange={this.handleAuthStateChange}
                 />
        </div>
    )
}

There needs to be a way to either add properties to that div or to remove it.

Straight forward way would be to add another argument to the withAuthenticator function.

Workaround at this point is to simply use the Authenticator component directly.

[Amiram1]

@jordanranz, yeah, fragment is preferable.

[github-actions[bot]]

This issue has been automatically locked since there hasn’t been any recent activity after it was closed. Please open a new issue for related bugs.

Looking for a help forum? We recommend joining the Amplify Community Discord server *-help channels or Discussions for those types of questions.