tauri-plugin-graphql 2.1.0

import { useQuery, useSubscription } from "@urql/preact";

const testQuery = `
query {
  hero {
    name
  }
}
`;

function TestQuery() {
  const [result] = useQuery({
    query: testQuery,
  });

  const { data, fetching, error } = result;

  if (fetching) return <p>Loading...</p>;
  if (error) return <p>Oh no... {error.message}</p>;

  return (
    <p>The hero is {data.hero.name}</p>
  );
}

const newMessages = `
  subscription MessageSub {
    helloWorld
  }
`;

function handleSubscription(messages = [], response) {  
  return [...messages, response.helloWorld];
};

function TestSubscription() {
  const [res] = useSubscription({ query: newMessages }, handleSubscription);

  if (!res.data) {
    return <p>No new messages</p>;
  }

  return (
        <p>
          {res.data}
        </p>
  ); 
}

export function App() {
  return <>
    <TestQuery />
    <TestSubscription />
  </>
}