function App() {
  const { data, isLoading, error, refetch } = useQuery(
    async () => await DataStore.query(Model),
  );

  const { handler, isLoading, isError, isSuccess } = useMutation<Model>(async (variables) => {
    await DataStore.save(new Sermon(template));
  });
    
  useSubscription(() => DataStore.observe(Model), {
    onUpdate: refetch,
  })
    
  return (
    <button onClick={() => handler({})}>Perform the mutation</button>
  )
}