Stuck on LoadingComponent

[simecek-m]

Describe the bug
I'm stuck on LoadingComponent even though Keycloak init function already failed.

To Reproduce
Steps to reproduce the behavior:

1. set LoadingComponent to KeycloakProvider

<ReactKeycloakProvider
  authClient={authClient}
  onEvent={onEvent}
  LoadingComponent={<div>loading</div>}
>

2. shutdown your Keycloak server
3. wait untill initialization fail
4. you are stuck on LoadingComponent

Expected behavior
I think LoadingComponent should be visible only when keycloak instance is not initialized AND is still loading. I have my own logic (catching "onInitError" event and redirect to Error Page showing keycloak server is unreachable) and I'm unable to do that with LoadingComponent set on, because children component is never shown.

react-keycloak/packages/core/src/provider.tsx

Lines 203 to 216 in f2d1594

	render() {
	const { children, authClient, LoadingComponent } = this.props
	const { initialized, isLoading } = this.state
	if (!!LoadingComponent && (!initialized || isLoading)) {
	return LoadingComponent
	}
	return (
	<AuthContext.Provider value={{ initialized, authClient }}>
	{children}
	</AuthContext.Provider>
	)
	}

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chrome
• Version 102.0.5005.63

Additional context
Simple fix would be use && instead of || in render function

react-keycloak/packages/core/src/provider.tsx

Line 207 in f2d1594

if (!!LoadingComponent && (!initialized || isLoading)) {

but I'm not sure if this change not gonna break any other use cases.

[smajl]

This started happening to me after migrating from Vite 2 to Vite 3. 🤷