React SPA. What should i do to make withOktaAuth to get authState? Thanks.
For functional components (home, login) use useOktaAuth hooks, it works fine. authState can be gotten.
However legacy class components (summary) use withOktaAuth HOC. it doesn’t work.
TypeError: props.authState is undefined.
In code,
<Security
issuer={`${process.env.REACT_APP_OKTA_ISSUER}`}
client_id={process.env.REACT_APP_OKTA_CLIENT_ID}
redirect_uri={process.env.REACT_APP_OKTA_REDIRECT_URI}
>
<Route path="/" exact component={App} />
<Route path="/login" exact component={Home} />
<Route path="/implicit/callback" component={LoginCallback} />
<SecureRoute path="/profile" component={Profile} />
<Route path="/change" component={Summary} />
</Security>
=============================
summary.js
const SubmitButton = (props) => {
...
return (
<div>
<Button
onClick= { async () => {
const { accessToken } = props.authState;
...
}}
>
Submit
</Button>
</div>
);
}
};
class Summary extends React.Component {
constructor(props) {
super(props);
}
render() {
<div>
<Headers header={"Submit Changes"} />
<SubmitButton ... />
</div>
}
}
export default withOktaAuth(Summary);