v.timeRangeStart becomes v\\.timeRangeStart

I see a really weird problem when sending queries to an InfluxDB. I get two backslashes inserted in the query for no reason.

I created a variable “TimeSelection” to select different time ranges. It has two options:
start: v.timeRangeStart\, stop: v.timeRangeStop,
start: 2024-01-29T09:00:00Z, stop: 2024-01-29T17:00:00Z

When I query InfluxDB, I start as follows:
from(bucket: “TestBucket”)
|> range(${TimeSelection})
|> filter(fn: (r) =>

It works really well when I have queries only in a dashboard.

As soon as I add a math expression (such as $A + $B) using the results of the queries, I get the following problem.

When I use the time option start: 2024-01-29T09:00:00Z, stop: 2024-01-29T17:00:00Z
I get the correct query (checked via Query inspector):
query:"from(bucket: "TestBucket")
|> range(start: 2024-01-29T09:00:00Z, stop: 2024-01-29T17:00:00Z)

But when I select the time option start: v.timeRangeStart, stop: v.timeRangeStop
I get an incorrect query (checked via Query inspector) where a double backslash is inserted after the “v”:
query:"from(bucket: "TestBucket")
|> range(start: v\\.timeRangeStart, stop: v\\.timeRangeStop)

The thing is. When I remove the math expression, the above query is correct:
query:"from(bucket: "TestBucket")
|> range(start: v.timeRangeStart, stop: v.timeRangeStop)