I want to call a server function from client component. My code is mentioned below:
//page.tsx
import CreateForm from "@/components/forms/CreateForm";
import { cookies } from "next/headers";

const accessToken = cookies().get("accessToken")?.value;

export default function AddNewData() {
const handleDataStore = async (data: any) => {
//Handle Server Actions
};
return <CreateFrom handleDataStore={handleDataStore}></CreateForm>;
}


CreateFrom.tsx:
"use client"
export default function CreatePropertyForm({handleDataStore}:any) {
const handleFormSubmit =(data) => {
handleDataStore(data);
};

return(
#Unknown Channel

<form onSubmit={handleFormSubmit}>

//....

<button type="submit">Save</button>
</form>
#Unknown Channel
)
} I get the error as mentioned below. and while using "use server" in the handleFormSubmit() function, There is warning that it is experimental feature