Variable query with SQLite datasource: error updating options: e.data[0] is undefined

Describe the bug When creating a new variable as query with SQLite backend, I get an error.

To Reproduce Steps to reproduce the behavior:

Go to variables
Click on new variable
Select query variable on SQLite datasource
Write a simple query like "select id from device" (that should return 4 rows)
Click outside of the query field in order to make the query request, an error appear (like in the screenshot)

Screenshots If applicable, add screenshots to help explain your problem.

Versions (please complete the following information):

OS: Windows
Run via docker? no
Browser: firefox
Grafana Version v8.1.2 (103f8fa094) - enterprise unlicensed
Plugin Version 2.0.0
Plugin installed via grafana-cli or manually? grafana-cli

Additional context Add any other context about the problem here. Please also attach the logs of Grafana!

Here is the query of select id from device: POST http://localhost:3000/api/ds/query with body:

{
    "queries": [
        {
            "datasourceId": 2,
            "queryText": "select id from device",
            "rawQueryText": "select id from device",
            "timeColumns": []
        }
    ]
}

and result

{
    "results": {
        "A": {
            "frames": [
                {
                    "schema": {
                        "name": "response",
                        "refId": "A",
                        "meta": {
                            "executedQueryString": "select id from device"
                        },
                        "fields": [
                            {
                                "name": "id",
                                "type": "string",
                                "typeInfo": {
                                    "frame": "string",
                                    "nullable": true
                                }
                            }
                        ]
                    },
                    "data": {
                        "values": [
                            [
                                "DESKTOP-87EKQJF_fsp-fnf-solution_dummy",
                                "DESKTOP-87EKQJF_fsp-ftv_dummy",
                                "FFS000-00000-CS000-0000",
                                "FFS220-0129-CS220-1124-EX2"
                            ]
                        ]
                    }
                }
            ]
        }
    }
}

Here is the error stack: from DataSource.ts (see the red line):

 import { DataSourceInstanceSettings, DataFrame, ScopedVars } from '@grafana/data';
 import { DataSourceWithBackend, getTemplateSrv } from '@grafana/runtime';
 import { MyDataSourceOptions, SQLiteQuery } from './types';

 export class DataSource extends DataSourceWithBackend<SQLiteQuery, MyDataSourceOptions> {
   templateSrv;

   constructor(instanceSettings: DataSourceInstanceSettings<MyDataSourceOptions>) {
     super(instanceSettings);

     this.templateSrv = getTemplateSrv();
   }

   applyTemplateVariables(query: SQLiteQuery, scopedVars: ScopedVars): SQLiteQuery {
     query.queryText = this.templateSrv.replace(query.rawQueryText, scopedVars);
     return query;
   }

   async metricFindQuery(query: string, options?: any) {
     if (!query) {
       return [];
     }
     const response = await this.query({
       targets: [
         {
           rawQueryText: query,
           queryText: query,
           timeColumns: [],
         },
       ],
     } as any).toPromise();

     if (response.error) {
       throw new Error(response.error.message);
     }

-    const data = response.data[0] as DataFrame;

     if (data.fields.length !== 1) {
       throw new Error(
         `Received more than one (${data.fields.length}) fields: ${data.fields.map(x => x.name).join(',')}`
       );
     }

     return data.fields[0].values.toArray().map(text => ({ text }));
   }
 }

fr-ser / grafana-sqlite-datasource

Variable query with SQLite datasource: error updating options: e.data[0] is undefined #54