Function callGoogleVisionAsync

with-google-vision/App.js:8–43

(image)

const API_URL = `https://vision.googleapis.com/v1/images:annotate?key=${API_KEY}`;

async function callGoogleVisionAsync(image) {
  const body = {
    requests: [
      {
        image: {
          content: image,
        },
        features: [
          {
            type: "LABEL_DETECTION",
            maxResults: 1,
          },
        ],
      },
    ],
  };

  const response = await fetch(API_URL, {
    method: "POST",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    body: JSON.stringify(body),
  });
  const parsed = await response.json();

  console.log("Result:", parsed);

  if (parsed.error) {
    console.log("Google Vision API Error:", parsed.error);
    throw new Error(parsed.error.message);
  }

  return parsed.responses[0].labelAnnotations[0].description;
}

function VisionScreen() {
  const [image, setImage] = useState(null);