import { type NextPage } from "next";
import Head from "next/head";
import { useQuery } from "react-query";
import useCounter from "~/atoms/useCounter";
const Home: NextPage = () => {
const [counter] = useCounter();
const fetchMessage = async () => {
const res = await fetch("/api/example/hello");
const data = await res.json();
return data as { message: string };
};
const { data } = useQuery("message", fetchMessage);
return (
<>
CEN - [project-name]
CEN - [project-name]
{data ? data.message : "Loading query"}
counter: {counter}
);
};
export default Home;