Hydration error warning on NextJS sample application.

[dackers86]

Description

A React hydration error appears when loading the NextJS sample application.

Steps to reproduce

1. Navigate to the NextJS examples folder.
2. Run npm run dev
3. Navigate to the website via localhost.

[dackers86]

This issue could be fixed on the initial render via the FirebaseUIConfigurationOptions.

For example:

$config.setKey(
    name,
    deepMap<FirebaseUIConfiguration>({
      app: config.app,
      getAuth: () => getAuth(config.app),
      locale: config.locale ?? english.locale,
      setLocale: (locale: Locale) => {
        const current = $config.get()[name]!;
        current.setKey(`locale`, locale);
      },
      state: behaviors?.autoAnonymousLogin ? 'signing-in' : 'loading', <---- Add this line
      setState: (state: FirebaseUIState) => {
        const current = $config.get()[name]!;
        current.setKey(`state`, state);
      },
      translations,
      behaviors: behaviors ?? {},
      recaptchaMode: config.recaptchaMode ?? 'normal',
    })
  );

[dackers86]

The issue would also persist on components as disabled fields do not currently render correctly when comparing client to server.