[Bug]: Heatmap can't find column after change in Dropdown input

[Riezebos]

Describe the bug

I am trying to create a Heatmap that allows changing which columns are shown via a Dropdown. When I do this with e.g. a Barchart it works. If I choose a new column from the dropdown with a Heatmap I get the error:

'my_column' is not a column in the dataset 

Steps to Reproduce

This report caused the error:

```my_columns
select column_name from information_schema.columns where table_name='my_table'
```

<Dropdown data={my_columns} name=col1 value=column_name/>
<Dropdown data={my_columns} name=col2 value=column_name/>

```heat
select ${inputs.col1.value}, ${inputs.col2.value}, count(*) as count from results.my_table group by all
```

<Heatmap
  data={heat}
  x={inputs.col1.value}
  y={inputs.col2.value}
  value=count
/>

Logs

No response

System Info

System:
    OS: macOS 14.6.1
    CPU: (8) arm64 Apple M1
    Memory: 544.33 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.17.0 - ~/.nvm/versions/node/v20.17.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.17.0/bin/npm
  Browsers:
    Brave Browser: 128.1.69.168
    Safari: 17.6
  npmPackages:
    @evidence-dev/core-components: >=4.7.5 => 4.8.1 
    @evidence-dev/duckdb: >=1.0.11 => 1.0.11 
    @evidence-dev/evidence: >=39.1.4 => 39.1.8

Severity

serious, but I can work around it

Additional Information, or Workarounds

No response