I am using the Okta Sign-in widget with a React front-end that Im building. Everything renders properly on the page that I’m using. When I try to sign-in I get an error in the console that says this: ‘[Report Only] Refused to frame ‘https://dev-4913768.okta.com/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘self’”.’ Has anyone gotten an error like this? How can I fix it.
Here is my login page where im rendering the sign-in widget
const Login = (config:any) => {
const { oktaAuth, authState } = useOktaAuth();
const onSuccess = (tokens:any) => {
oktaAuth.handleLoginRedirect(tokens);
};
const onError = (err:any) => {
console.log('Sign in error:', err);
};
if (!authState) {
return <div>Loading ... </div>;
}
return authState.isAuthenticated ?
<Redirect to={{ pathname: '/' }}/> :
<OktaSignInWidget config={config} onSuccess={onSuccess} onError={onError}/>;
};