How to prevent React Graphql Component re-render or execute query when state change?

Question

I create a reusable dropdown component that get data using graphql and swr

import * as React from "react";
import {
  Form