next.js/test/e2e/app-dir/action-in-pages-router/pages/foo.tsx

import { actionFoo } from '../actions'

export default function Page() {
  return (
    <button
      onClick={() => {
        actionFoo().then((v) => console.log(v))
      }}
    >
      hello
    </button>
  )
}

// Keep route as dynamic
export async function getServerSideProps() {
  return { props: {} }
}