import { createSession } from "@/utils/user";


<form action={createSession}>
                                        <span data-uia="profile-button">
                                            <button type='submit' className="profile-button preferred-action">Login</button>
                                        </span>
                                    </form>

"use server";
export async function createSession() {
    console.log('createSession() called');
  
};

Import trace for requested module:
./src/utils/user.tsx
./pages/index.tsx
 â—‹ Compiling /_error ...
 ⨯ ./node_modules/next/dist/build/webpack/loaders/next-flight-loader/action-client-wrapper.js:19:63
Module not found: Can't resolve 'react-server-dom-webpack/client'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./src/utils/user.tsx
./pages/index.tsx

/** @type {import('next').NextConfig} */
const nextConfig = {
    experimental: {
        serverActions: true,
    },
}

module.exports = nextConfig

â–² Next.js 13.5.3
  - Local:        http://localhost:3000
  - Environments: .env.local
  - Experiments (use at your own risk):
     · serverActions

 ✓ Ready in 3.7s

import Home from "@/app/Home/home";
import RootLayout from "@/app/layout";

export default function Indexpage() {


    return (
        <RootLayout>
            <Home />
        </RootLayout>
    );
}

import '@/styles/main.scss';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {

return (
    <>
      <div className="rootLayout">
        <div className='appMountPoint'>{children}</div>
      </div>
    </>
  )
}

export default function Browse({ rs }: { rs: SUProp }) {
    return (
        <RootLayout>
            <>
                {rs && rs.showLogin ? <Login rs={rs} /> : <h1>Please go back to <a href="../">Home</a> to login</h1>} 
            </>
        </RootLayout>
    );
};

export const getServerSideProps = withIronSessionSsr(async (context) => {
    const rs: SUProp | undefined = context.req.session.user;

    if (!rs) {
        return {
            props: {
                rs: {
                    showLogin: false
                }
            }
        };
    }

    return {
        props: {
            rs
        }
    }
}, sessionOptions);

import { cookies } from 'next/headers'
 
export default function Page() {
  const cookieStore = cookies()
  const theme = cookieStore.get('theme')
  return '...'
}

async function getData(){
    await new Promise(resolve => setTimeout(resolve, 1000));
    return {message: 'done'}
}

export default async function Home(){
    const {message} = await getData();
    return(
        <div>
            {message}
        </div>
    )

}

async function getData(param){
    await new Promise(resolve => setTimeout(resolve, 1000));
    return {message: 'done'}
}

export default async function Home({params}){
    const {message} = await getData(params.id);
    return(
        <div>
            {message}
        </div>
    )

}