xdxd

xd.js

import React, { useEffect } from "react"
import Keycloak from 'keycloak-js';
import { KeycloakProvider } from 'react-keycloak';
import { Router } from "@reach/router" 
import Home from "./index"
import Login from "./login"
import PrivateRoute from '../components/PrivateRoute'

const keycloakProviderInitConfig = {
  onLoad: 'check-sso',
};

let keycloak

const App = () => {

  useEffect(() => {
    keycloak = new Keycloak('./keycloak.json');
  }, [])

  return (
    <KeycloakProvider
      keycloak={keycloak}
      initConfig={keycloakProviderInitConfig}
    >
      <Router>
        <PublicRoute path="/">
          <Home path="/" />
          <Login path="/login" />
        </PublicRoute>
      </Router> 
    </KeycloakProvider>
  )
}

function PublicRoute(props) {
  return <div>{props.children}</div>
}

export default App