In my middleware i set a cookie like this

response.cookies.set("tw_locale", languageToSet, {
        maxAge: 60 * 60 * 24 * 365,
        path: "/",
    });

on the first request where the cookie is not set it does successfully set it. After the middleware returns the response with the cookie the layout.tsx should render right?
my root layout =

export default async function RootLayout({
                                             children,
                                         }: Readonly<{
    children: React.ReactNode;
}>) {

    const {language, data} = await decideLanguage();

my decideLanguage function does this

export async function decideLanguage() {
    const store = cookies();


    const cookie = store.get("tw_locale")?.value as string;


    const language = languageProfiles.find((profile) => profile.shortName === cookie);

so practically it should retrieve the tw_locale cookie right? since middleware runs before everything else.
the problem is cookie returns undefined (only on the first request where it is set)