Login page in react applciation using okta signin widget load twice

Pream · October 18, 2022, 12:50pm

Hi,

When we render login screen, the login screen loads completely and again it re-renders. we are using below version of okta.

“@okta/okta-auth-js”: “^6.5.0”,
“@okta/okta-react”: “^6.4.3”
“@okta/okta-signin-widget”: “^6.3.1”,

We took the sign-in widget code from the sample application.

github.com

okta/samples-js-react/blob/master/custom-login/src/Login.jsx

/*
 * Copyright (c) 2018-Present, Okta, Inc. and/or its affiliates. All rights reserved.
 * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
 *
 * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *
 * See the License for the specific language governing permissions and limitations under the License.
 */

import React, { useEffect, useRef } from 'react';
import { useOktaAuth } from '@okta/okta-react';
import OktaSignIn from '@okta/okta-signin-widget';
import '@okta/okta-signin-widget/dist/css/okta-sign-in.min.css';
import logo from './logo.svg';

import config from './config';

This file has been truncated. show original

erik · October 20, 2022, 9:16pm

Hello,
I don’t see this behavior when running the Okta custom login sample appliation.

If you download and run this app do you still see the double loading?