addListener('backButton', ...) not working in svelte 4

[islamzaoui]

Hello

for some reason addListener('backButton', ...) does not working in my sveltekit app
this the code I'm using in +layout.svelte

	import { App } from '@capacitor/app';
	import { browser } from '$app/environment';

	App.addListener('backButton', async () => {
		if (browser) window.history.back();
	});

but i get this error every time when in run it in dev mode

document.addEventListener('visibilitychange', this.handleVisibilityChange, false);
                                        ^

ReferenceError: document is not defined

is there any way to solve this

[islamzaoui]

this is the solution:

	import { App } from '@capacitor/app';
	import { browser } from '$app/environment';
        if (browser) {
	    App.addListener('backButton', async () => {
		window.history.back();
	    });
        }