Failed to Resolve import useQuery from react-query statement in QR Codedemo app

[tsurti3710]

I am trying to run the Shopify QR Code App documented here https://shopify.dev/apps/getting-started/build-app-example/frontend, but I am seeing this issue in the template. 

 [plugin:vite:import-analysis] Failed to resolve import "react-query" from "src/components/hooks/useAppQuery.js". Does the file exist?
//qrcode/src/components/hooks/useAppQuery.js:2:25
1  |  import { useMemo } from "react";
2  |  import {useQuery} from "react-query";
   |                          ^
3  |  import { useAuthenticatedFetch } from ".";

This is in the "hooks" folder while defining useAppQuery.

How should I fix?