react-mercure/lib/useMercure.js

React hook that make working with Mercure easy

import { useState } from "react";
import { useEventSource } from "./useEventSource";
export function useMercure(url, topic) {
    const [data, setData] = useState();
    const mercureURL = new URL(url);
    topic.forEach((t) => {
        mercureURL.searchParams.append("topic", t);
    });
    const eventHandler = (data) => {
        setData(data);
    };
    const { isConnected } = useEventSource(mercureURL, eventHandler);
    return { data, isConnected };
}