htmx in react

tsx

import { useEffect } from "react";
import htmx from "htmx.org";
import 'htmx-ext-sse/sse.js';

function AtsHome() {
  useEffect(() => {
    htmx.process(htmx.find("*"));
  }, []);

  return <div
    hx-get="/h/home"
    hx-trigger="load"
  >
  </div>
}

export default AtsHome;

In package.json my dependencies were...

    "htmx-ext-sse": "^2.2.2",
    "htmx.org": "^2.0.2",

The SSE bits are optional of course.