Cannot understand metricFindQuery usage

Hi,

I have overridden the metricFindQuery in datasource.ts

async metricFindQuery?(query: MyQuery, options?: any): Promise<MetricFindValue[]> {
    console.log(query);
    console.log(options);
    if (!query.queryString || !options.variable.datasource) {
      return Promise.resolve([]);
    }

    return this.getMetrics(query);
  }

also i have my VariableEditorComponent set

export const plugin = new DataSourcePlugin<DataSource, MyQuery, MyDataSourceOptions>(DataSource)
  .setConfigEditor(ConfigEditor)
  .setQueryEditor(QueryEditor)
  .setVariableQueryEditor(VariableQueryEditor);

implemented variable component by following this

So, the issue is, the variableEditor is not making network calls to fetch the query result. I have gone through the docs, but unable to understand how metricFindQuery is wired with VariableQueryEditor

Any help on this is appreciated