Auth with custom claims?

Is there any way to wait until the custom claims are loaded using ?

user.getIdTokenResult()

[afk-mario]

Not 100% sure it works for everyone but this is my current hook

export const useUserWithRole = (auth) => {
  const [userWithRole, setUserWithRole] = useState();
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState();

  useEffect(() => {
    return auth.onAuthStateChanged(async (user) => {
      if (user) {
        setLoading(true);
        try {
          const idTokenResult = await user.getIdTokenResult();
          setUserWithRole({ ...user, role: idTokenResult.claims.role });
          setLoading(false);
          setError(undefined);
        } catch (e) {
          setError(e);
          setLoading(false);
        }
      } else {
        setUserWithRole(undefined);
        setLoading(false);
      }
    });
  }, [auth]);

  return [userWithRole, loading, error];
};

[chrisbianca]

v5 is now released: https://github.com/CSFrequency/react-firebase-hooks/releases/tag/v5.0.0