use query results in state

interface DashboardState {
  isNewRouteModalOpen: boolean;
  isEditRouteModalOpen: boolean;
  routes: Route[];
}

const initState: DashboardState = {
  isNewRouteModalOpen: false,
  isEditRouteModalOpen: false,
  routes: [],
};

const Dashboard: NextPage = () => {
  const [state, setState] = useState(initState);
  const routes = api.example.getRoutes.useQuery();