<style/> inserted above the component （unwanted）solidstart SSR

@use "sass:math";
@use "colors";
@use "mixins";
@use "functions";

.mainContent {
    background: colors.$red;
    flex: 1;
}

@use "sass:math";
@use "colors";
@use "mixins";
@use "functions";

.mainContent {
    background: colors.$red;
    flex: 1;
}

import { type JSXElement } from "solid-js";
import style from "./MainContent.module.scss";

interface MainContentUIProps {
    children: JSXElement;
    [key: string]: unknown;
}
const MainContentUI = ({children, ..._rest}: MainContentUIProps) => {
    return (
        <div class={style.mainContent}>
            {children}
        </div>
    );
};

export default MainContentUI;

import { type JSXElement } from "solid-js";
import style from "./MainContent.module.scss";

interface MainContentUIProps {
    children: JSXElement;
    [key: string]: unknown;
}
const MainContentUI = ({children, ..._rest}: MainContentUIProps) => {
    return (
        <div class={style.mainContent}>
            {children}
        </div>
    );
};

export default MainContentUI;