File tree Expand file tree Collapse file tree 18 files changed +52
-46
lines changed
Expand file tree Collapse file tree 18 files changed +52
-46
lines changed Original file line number Diff line number Diff line change 1- v2.15.0
1+ v2.15.1
Original file line number Diff line number Diff line change 11# Change Log
22
3+ ## [ v2.15.1] ( https://github.com/auth0/auth0-react/tree/v2.15.1 ) (2026-03-13)
4+ [ Full Changelog] ( https://github.com/auth0/auth0-react/compare/v2.15.0...v2.15.1 )
5+
6+ ** Changed**
7+ - chore(deps): update @auth0/auth0-spa-js to version 2.17.1 [ \# 1045] ( https://github.com/auth0/auth0-react/pull/1045 ) ([ gyaneshgouraw-okta] ( https://github.com/gyaneshgouraw-okta ) )
8+
39## [ v2.15.0] ( https://github.com/auth0/auth0-react/tree/v2.15.0 ) (2026-02-17)
410[ Full Changelog] ( https://github.com/auth0/auth0-react/compare/v2.14.0...v2.15.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/af3e4d6498a6764b02698acfaa34e1847f90ff24/src/auth0-provider.tsx#L148 "> src/auth0-provider.tsx:148</ 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/9924cb280a485f67217657d6d93e166baf542c3c/src/auth0-provider.tsx#L148 "> src/auth0-provider.tsx:148</ 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/af3e4d6498a6764b02698acfaa34e1847f90ff24/src/use-auth0.tsx#L29 "> src/use-auth0.tsx:29</ 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/9924cb280a485f67217657d6d93e166baf542c3c/src/use-auth0.tsx#L29 "> src/use-auth0.tsx:29</ 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