headerFilter select (list) doesn't work (Editable Table Example)

[nhkim556]

I am trying to test an "Editable Table" with a HeaderFilter (select list) in Next.js,
but the list doesn't appear when I click the filter input (and column as well).

link - code sandbox for react tabulator example

editableColumns info below
{
title: "Favourite Color",
field: "color",
editor: "select",
editorParams: {
allowEmpty: true,
showListOnEmpty: true,
values: colorOptions
},
headerFilter: "select",
headerFilterParams: { values: colorOptions }
},

Could you please advise on how to solve this issue? . Thank you!

Environment Details
"next": "14.1.3",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-tabulator": "^0.19.0",
"typescript": "^5"