React Keycloak Provider


###

Based on keycloak-js package, wraps it with React Context Provider

##### usage
``tsx

// providing
import { KeycloakProvider } from 'react-keycloak-provider';

const root = ReactDOM.createRoot(
document.getElementById('root') as HTMLElement
);
root.render(

disabled={false} // optional - (default = false) disable keycloak auth ("keycloak" instance returned from hook would be null)
timeout={12000} // optional - connection timeout (default = 12000)
loader={} // optional - custom loader (default = <>Loading)

// passed to constructor
// const keycloak = new Keycloak({ ... })
config={{
url: 'http://localhost:8282/',
realm: 'demo',
clientId: 'react-client'
}}

// passed to keycloak.init({ ... })
initOptions={{
// 'check-sso' or 'login-required'
onLoad: 'check-sso',
// if 'check-sso' copy 'silent-check-sso.html' to /public folder
silentCheckSsoRedirectUri: window.location.origin + '/silent-check-sso.html',
}}
>



);
`


`tsx

// consuming
import { useKeycloak } from 'react-keycloak-provider';
import Button from '@mui/material/Button';

const AppBar = ()=> {
const {keycloak, authenticated} = useKeycloak();
return (


)

};
`


`html







``

References

- Keycloak JavaScript adapter