Doesn't work with svelte kit

[HyperAlch]

My svelte.config.js file:

import adapter from '@sveltejs/adapter-auto';
import { reactivePreprocess } from "svelte-reactive-preprocessor";

/** @type {import('@sveltejs/kit').Config} */
const config = {
	preprocess: [reactivePreprocess()],
	kit: {
		adapter: adapter()
	}
};

export default config;

The error:

ReferenceError: $$self is not defined

Since you don't provide instructions on how to use this preprocessor with Svelte Kit I had to rely on this documentation: https://kit.svelte.dev/docs/integrations

So honestly I could be doing this completely wrong.