RSC render JSX using server action from client component

actions.tsx

"use server";

export async function hello() {
	return <h1>Hello, world!</h1>;
}

page.ts

"use client";
import { ReactNode, useEffect, useState } from "react";
import { hello } from "./actions";

export default function Home() {
	const [jsx, setJsx] = useState<ReactNode>();
	useEffect(() => setJsx(hello()), []);
	return jsx;
}

useEffect is what I was missing. I was getting an infinite loop without it.