SvelteKit SSR-support AAD authentication staticwebapp.config.json

[martialboissonneault]

Hello. I created a Static Web App on Azure using Sveltekit but it seems that SSR is not working when I add AAD authentication with staticwebapp.config.json. Here is an example:

+page.server.js

export function load() {
	return {
		post: {
			title: 'Title',
			content: 'Content'
		}
	};
}

+page.svelte

<script>
	export let data;
</script>
<h1>{data.post.title}</h1>
<div>{data.post.content}</div>

If I use +page.js rather than +page.server.js it works perfectly. The AAD auth works also using +page.js and I can see my auth infos at /.auth/me

The page with +page.server.js is not working and redirect me to my home page.

staticwebapp.config.json

{
	"auth": {
		"identityProviders": {
			"azureActiveDirectory": {
				"registration": {
					"openIdIssuer": "https://login.microsoftonline.com/<my-tenant-id>/v2.0",
					"clientIdSettingName": "AAD_CLIENT_ID",
					"clientSecretSettingName": "AAD_CLIENT_SECRET"
				}
			}
		}
	},
	"navigationFallback": {
		"rewrite": "index.html",
		"exclude": ["/images/*.{png,jpg,gif}", "/css/*"]
	},
	"routes": [
		{
			"route": "/login",
			"rewrite": "/.auth/login/aad",
			"allowedRoles": ["anonymous", "authenticated"]
		},
		{
			"route": "/.auth/login/github",
			"statusCode": 404
		},
		{
			"route": "/.auth/login/twitter",
			"statusCode": 404
		},
		{
			"route": "/logout",
			"redirect": "/.auth/logout",
			"allowedRoles": ["anonymous", "authenticated"]
		},
		{
			"route": "/*",
			"allowedRoles": ["authenticated"]
		}
	],
	"responseOverrides": {
		"401": {
			"redirect": "/login",
			"statusCode": 302
		}
	},
	"globalHeaders": {
		"content-security-policy": "default-src https: 'unsafe-eval' 'unsafe-inline'; object-src 'none'",
		"Cache-Control": "no-cache, no-store"
	},
	"mimeTypes": {
		".json": "text/json"
	}
}

Thanks in advance for your help.