show your code @DoyteDoyenr also which version of nextjs are you on

I made three attempts, this one which would be the action directly on the button as shown in the image of the topic (it didn't work)

export default function Home() {
  
  async function publish(formData: FormData) {
    "use server";
   console.log('aaaa')
  }
 
  return <button action={publish}>Publish</button>;
}

This one using FormAction, but I didn't get any response (this was more of a test to see if anything would happen)

export default function Home() {

  async function publish(formData: FormData) {
    "use server";
   console.log('aaaa')
  }
 
  return <button formAction={publish}>Publish</button>;
}

And finally, this one worked by using the button inside a form

type UserProps ={
  id: string;
  name: string;
}


export async function ListUser() {

  const response = await fetch('http://localhost:8080/user',{method: 'GET', cache: 'no-store', next:{
    tags:['get-user']
  }})

  const data:UserProps[] = await response.json()

  const handleDelete = async (form: FormData) => {
    'use server'
    console.log('teste', form.get('id'))
  }

  return (
    <section className="flex flex-col">
      {data.map((item) =>(
      <li key={item.id} className="text-white flex">
        {item.name}
        <form action={handleDelete}>
          <button className="size-5 bg-zinc-400 rounded-lg" value={'1'} name="id" type="submit">X</button>
        </form>
      </li>
      ))}
    </section>
  )
}

In summary, I just wanted to know if it's possible to use actions outside of a form, without any specific use, just to know if it's really possible

"next": "14.2.3",