Get error when using customized filter in header filter

[xfsnowind]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example:

Steps:

1. Create a custom filter according to the official customization filter
2. enable the header filter from here
3. Attach the customized filter to the one operator

I forked and edited the example from the official webpage, enabled the header filter, you can check the error in codesandbox:

CodeSandbox

Current behavior 😯

Report the error: Missing translation for key headerFilterOperatorBetween.

Expected behavior 🤔

The new filter display in the header filter

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

System:
    OS: macOS 13.5.1
  Binaries:
    Node: 18.12.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.19.2 - /usr/local/bin/npm
  Browsers:
    Chrome: 116.0.5845.179
    Edge: 114.0.1823.55
    Firefox: 114.0.2
    Safari: 16.6

Order ID or Support key 💳 (optional)

No response

[xfsnowind]

According to the code, it seems like it can be resolved by assigning the field headerLabel:

https://github.com/mui/mui-x/blob/b958c6d0ff6baa8098019bdd2d391854647eed91/packages/grid/x-data-grid-pro/src/components/headerFiltering/GridHeaderFilterCell.tsx#L226C37-L226C37