How to confiure Numeric Menu (React)

Hello, i’m actually trying to configure the component in my React project but it doesn’t work.

For your information, when I configure a “defaultRefinement”, i can refine my NumerciMenu one time before it become unable.

This is my setup :

 <NumericMenu
    attribute="calorie"
    translations={{
      all: 'Tout',
    }}
    items={[
      { label: 'Tout' },
      { label: '- de 300 calories', end: 300 },
      { label: '0 à 600 calories', start: 301, end: 600 },
      { label: '+ 600 calories', start: 601 },
    ]}
  />

But all my radio button are actually “disable”, have someone an idea of my problem ?

Thanks a lot !
Maxime.

Anyone to help me ? :slight_smile:

Https://lliveme