Integration with Tina CMS

[richtong]

Well, not encouraged by people saying they can't get to run on Netlify or Vercel, but.... has anyone tried to get this to work with Tina CMS's contextual editing. I think that useTina has to be around the page.tsx at the top, but of course since it is a server side expansion, this is not exactly going to work

Error: useState only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component

Source
src/app/page.tsx (28:5) @ getAllPosts
  26 | export default function Home() {
  27 |   const posts = useTina(
> 28 |     getAllPosts(["title", "date", "excerpt", "coverImage", "slug"]),
     |     ^
  29 |   );
  30 |

So I think you have to useTina basically all the components in page.tsx. Is that right?