Auth0のSPA用SDKでユーザー情報が取れない時の対処法

Auth0のSPA用SDKつかってみた

Auth０とReactのWebアプリケーションを連携させようとauth0-spa-jsを使用してみました。
公式のチュートリアル通りにやってみたけどうまくユーザー情報が取れない・・・

たぶんこのSDK自体がすごく最近できたものみたいなので（２０１９年７月現在）、もしかしたらチュートリアルも抜けがあったのかも

文脈

公式のReact:Loginというチュートリアルを元にしてます。

これでなおった

auth0-jsという多分昔からあるSDKのチュートリアルの方と比べてみたら
configの設定で
audienceという部分が抜けていました。
なので

auth0-config.json

{
    "audience": "https://<DomainName>/userinfo"
}

と入れ、index.jsのレンダー部分を

index.js

ReactDOM.render(
    <Auth0Provider
    domain={config.domain}
    client_id={config.clientId}
    audience={config.audience}
    redirect_uri={window.location.origin}
    onRedirectCallback={onRedirectCallback}
    >
    <App />
  </Auth0Provider>,
document.getElementById('root'));

このようにaudienceを追加したら治りました

まとめ

最初で手こずったけどAuth0なかなか良さそう