Cannot understand metricFindQuery usage


I have overridden the metricFindQuery in datasource.ts

async metricFindQuery?(query: MyQuery, options?: any): Promise<MetricFindValue[]> {
    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)

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