diff --git a/README.md b/README.md
index 9761748..32f3aec 100644
--- a/README.md
+++ b/README.md
@@ -73,6 +73,18 @@ use for client side auth in an SSR application you will need to ensure it is not
{#if process.browser} ..... {/if}
```
+## SvelteKit/SSR
+Same as what is needed for Sapper (see above section). To do this, we need to import in the `script` section:
+
+```
+import { browser } from '$app/env';
+```
+
+And in the `main`:
+```
+{#if browser} ..... {/if}
+```
+
## Contributing
Contributors are Welcome. There is a lot of value in a vendor neutral OIDC component for use by the Svelte and Sapper
diff --git a/src/components/OidcContext.svelte b/src/components/OidcContext.svelte
index 6cc01eb..232f928 100644
--- a/src/components/OidcContext.svelte
+++ b/src/components/OidcContext.svelte
@@ -2,7 +2,6 @@
import { writable } from 'svelte/store';
import { getContext } from 'svelte';
import oidcClient from 'oidc-client';
- const { UserManager } = oidcClient;
import { onMount, onDestroy, setContext } from 'svelte';
/**
@@ -121,8 +120,8 @@
automaticSilentRenew: true,
};
- const userManager = new UserManager(settings);
- userManager.events.addUserLoaded(function(user) {
+ const userManager = new oidcClient.UserManager(settings);
+ userManager.events.addUserLoaded(function (user) {
isAuthenticated.set(true);
accessToken.set(user.access_token);
idToken.set(user.id_token);