File tree Expand file tree Collapse file tree 18 files changed +48
-42
lines changed Expand file tree Collapse file tree 18 files changed +48
-42
lines changed Original file line number Diff line number Diff line change 1- v2.7 .0
1+ v2.8 .0
Original file line number Diff line number Diff line change 11# Change Log
22
3+ ## [ v2.8.0] ( https://github.com/auth0/auth0-react/tree/v2.8.0 ) (2025-10-17)
4+ [ Full Changelog] ( https://github.com/auth0/auth0-react/compare/v2.7.0...v2.8.0 )
5+
6+ ** Added**
7+ - Bump auth0-spa-js for connected account updates [ \# 923] ( https://github.com/auth0/auth0-react/pull/923 ) ([ adamjmcgrath] ( https://github.com/adamjmcgrath ) )
8+
39## [ v2.7.0] ( https://github.com/auth0/auth0-react/tree/v2.7.0 ) (2025-10-15)
410[ Full Changelog] ( https://github.com/auth0/auth0-react/compare/v2.6.0...v2.7.0 )
511
Load Diff Large diffs are not rendered by default.
Original file line number Diff line number Diff line change 22</ code > < button type ="button "> Copy</ button > </ pre >
33
44< p > Provides the Auth0Context to its child components.</ p >
5- </ div > < section class ="tsd-panel "> < h4 > Type Parameters</ h4 > < ul class ="tsd-type-parameter-list "> < li > < span id ="auth0providertuser "> < span class ="tsd-kind-type-parameter "> TUser</ span > < span class ="tsd-signature-keyword "> extends</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > = < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > </ span > </ li > </ ul > </ section > < div class ="tsd-parameters "> < h4 class ="tsd-parameters-title "> Parameters</ h4 > < ul class ="tsd-parameter-list "> < li > < span > < span class ="tsd-kind-parameter "> opts</ span > : < a href ="../interfaces/Auth0ProviderOptions.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ProviderOptions</ a > < span class ="tsd-signature-symbol "> <</ span > < a class ="tsd-signature-type tsd-kind-type-parameter " href ="#auth0providertuser "> TUser</ a > < span class ="tsd-signature-symbol "> ></ span > </ span > </ li > </ ul > </ div > < h4 class ="tsd-returns-title "> Returns < span class ="tsd-signature-type "> Element</ span > </ h4 > < aside class ="tsd-sources "> < ul > < li > Defined in < a href ="https://github.com/auth0/auth0-react/blob/faf6bf795f17289c2298a36092a55f89aedd5d7c/src/auth0-provider.tsx#L146 "> src/auth0-provider.tsx:146</ a > </ li > </ ul > </ aside > </ div > </ li > </ ul > </ section > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > </ div > < div class ="site-menu "> < nav class ="tsd-navigation "> < a href ="../modules.html "> @auth0/auth0-react</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > </ footer > < div class ="overlay "> </ div > </ body > </ html >
5+ </ div > < section class ="tsd-panel "> < h4 > Type Parameters</ h4 > < ul class ="tsd-type-parameter-list "> < li > < span id ="auth0providertuser "> < span class ="tsd-kind-type-parameter "> TUser</ span > < span class ="tsd-signature-keyword "> extends</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > = < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > </ span > </ li > </ ul > </ section > < div class ="tsd-parameters "> < h4 class ="tsd-parameters-title "> Parameters</ h4 > < ul class ="tsd-parameter-list "> < li > < span > < span class ="tsd-kind-parameter "> opts</ span > : < a href ="../interfaces/Auth0ProviderOptions.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ProviderOptions</ a > < span class ="tsd-signature-symbol "> <</ span > < a class ="tsd-signature-type tsd-kind-type-parameter " href ="#auth0providertuser "> TUser</ a > < span class ="tsd-signature-symbol "> ></ span > </ span > </ li > </ ul > </ div > < h4 class ="tsd-returns-title "> Returns < span class ="tsd-signature-type "> Element</ span > </ h4 > < aside class ="tsd-sources "> < ul > < li > Defined in < a href ="https://github.com/auth0/auth0-react/blob/140422023328aa1faf84d615e8506ddb692c37b2/src/auth0-provider.tsx#L146 "> src/auth0-provider.tsx:146</ a > </ li > </ ul > </ aside > </ div > </ li > </ ul > </ section > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > </ div > < div class ="site-menu "> < nav class ="tsd-navigation "> < a href ="../modules.html "> @auth0/auth0-react</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > </ footer > < div class ="overlay "> </ div > </ body > </ html >
Original file line number Diff line number Diff line change 33
44< p > Use the < code > useAuth0</ code > hook in your components to access the auth state and methods.</ p >
55< p > TUser is an optional type param to provide a type to the < code > user</ code > field.</ p >
6- </ div > < section class ="tsd-panel "> < h4 > Type Parameters</ h4 > < ul class ="tsd-type-parameter-list "> < li > < span id ="useauth0tuser "> < span class ="tsd-kind-type-parameter "> TUser</ span > < span class ="tsd-signature-keyword "> extends</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > = < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > </ span > </ li > </ ul > </ section > < div class ="tsd-parameters "> < h4 class ="tsd-parameters-title "> Parameters</ h4 > < ul class ="tsd-parameter-list "> < li > < span > < span class ="tsd-kind-parameter "> context</ span > : < span class ="tsd-signature-type "> Context</ span > < span class ="tsd-signature-symbol "> <</ span > < a href ="../interfaces/Auth0ContextInterface.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ContextInterface</ a > < span class ="tsd-signature-symbol "> <</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > < span class ="tsd-signature-symbol "> ></ span > < span class ="tsd-signature-symbol "> ></ span > < span class ="tsd-signature-symbol "> = Auth0Context</ span > </ span > </ li > </ ul > </ div > < h4 class ="tsd-returns-title "> Returns < a href ="../interfaces/Auth0ContextInterface.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ContextInterface</ a > < span class ="tsd-signature-symbol "> <</ span > < a class ="tsd-signature-type tsd-kind-type-parameter " href ="#useauth0tuser "> TUser</ a > < span class ="tsd-signature-symbol "> ></ span > </ h4 > < aside class ="tsd-sources "> < ul > < li > Defined in < a href ="https://github.com/auth0/auth0-react/blob/faf6bf795f17289c2298a36092a55f89aedd5d7c/src/use-auth0.tsx#L27 "> src/use-auth0.tsx:27</ a > </ li > </ ul > </ aside > </ div > </ li > </ ul > </ section > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > </ div > < div class ="site-menu "> < nav class ="tsd-navigation "> < a href ="../modules.html "> @auth0/auth0-react</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > </ footer > < div class ="overlay "> </ div > </ body > </ html >
6+ </ div > < section class ="tsd-panel "> < h4 > Type Parameters</ h4 > < ul class ="tsd-type-parameter-list "> < li > < span id ="useauth0tuser "> < span class ="tsd-kind-type-parameter "> TUser</ span > < span class ="tsd-signature-keyword "> extends</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > = < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > </ span > </ li > </ ul > </ section > < div class ="tsd-parameters "> < h4 class ="tsd-parameters-title "> Parameters</ h4 > < ul class ="tsd-parameter-list "> < li > < span > < span class ="tsd-kind-parameter "> context</ span > : < span class ="tsd-signature-type "> Context</ span > < span class ="tsd-signature-symbol "> <</ span > < a href ="../interfaces/Auth0ContextInterface.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ContextInterface</ a > < span class ="tsd-signature-symbol "> <</ span > < a href ="../classes/User.html " class ="tsd-signature-type tsd-kind-class "> User</ a > < span class ="tsd-signature-symbol "> ></ span > < span class ="tsd-signature-symbol "> ></ span > < span class ="tsd-signature-symbol "> = Auth0Context</ span > </ span > </ li > </ ul > </ div > < h4 class ="tsd-returns-title "> Returns < a href ="../interfaces/Auth0ContextInterface.html " class ="tsd-signature-type tsd-kind-interface "> Auth0ContextInterface</ a > < span class ="tsd-signature-symbol "> <</ span > < a class ="tsd-signature-type tsd-kind-type-parameter " href ="#useauth0tuser "> TUser</ a > < span class ="tsd-signature-symbol "> ></ span > </ h4 > < aside class ="tsd-sources "> < ul > < li > Defined in < a href ="https://github.com/auth0/auth0-react/blob/140422023328aa1faf84d615e8506ddb692c37b2/src/use-auth0.tsx#L27 "> src/use-auth0.tsx:27</ a > </ li > </ ul > </ aside > </ div > </ li > </ ul > </ section > </ div > < div class ="col-sidebar "> < div class ="page-menu "> < div class ="tsd-navigation settings "> < details class ="tsd-accordion "> < summary class ="tsd-accordion-summary "> < svg width ="20 " height ="20 " viewBox ="0 0 24 24 " fill ="none " aria-hidden ="true "> < use href ="../assets/icons.svg#icon-chevronDown "> </ use > </ svg > < h3 > Settings</ h3 > </ summary > < div class ="tsd-accordion-details "> < div class ="tsd-filter-visibility "> < span class ="settings-label "> Member Visibility</ span > < ul id ="tsd-filter-options "> < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-protected " name ="protected "/> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Protected</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-inherited " name ="inherited " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > Inherited</ span > </ label > </ li > < li class ="tsd-filter-item "> < label class ="tsd-filter-input "> < input type ="checkbox " id ="tsd-filter-external " name ="external " checked /> < svg width ="32 " height ="32 " viewBox ="0 0 32 32 " aria-hidden ="true "> < rect class ="tsd-checkbox-background " width ="30 " height ="30 " x ="1 " y ="1 " rx ="6 " fill ="none "> </ rect > < path class ="tsd-checkbox-checkmark " d ="M8.35422 16.8214L13.2143 21.75L24.6458 10.25 " stroke ="none " stroke-width ="3.5 " stroke-linejoin ="round " fill ="none "> </ path > </ svg > < span > External</ span > </ label > </ li > </ ul > </ div > < div class ="tsd-theme-toggle "> < label class ="settings-label " for ="tsd-theme "> Theme</ label > < select id ="tsd-theme "> < option value ="os "> OS</ option > < option value ="light "> Light</ option > < option value ="dark "> Dark</ option > </ select > </ div > </ div > </ details > </ div > </ div > < div class ="site-menu "> < nav class ="tsd-navigation "> < a href ="../modules.html "> @auth0/auth0-react</ a > < ul class ="tsd-small-nested-navigation " id ="tsd-nav-container "> < li > Loading...</ li > </ ul > </ nav > </ div > </ div > </ div > < footer > </ footer > < div class ="overlay "> </ div > </ body > </ html >
You can’t perform that action at this time.
0 commit comments