I want to add algolia numeric menu Refinement filters and I added them successfully but when they show up on the web they are disabled

here is the code
<NumericMenu
attribute="buyItNowPrice"
items={[
{ label: '<= $10', end: 10 },
{ label: '$10 - $100', start: 10, end: 100 },
{ label: '$100 - $500', start: 100, end: 250 },
{ label: '>= $500', start: 500 },
]}
/>
as you can see in the image above they automatically add an "ALL" Radio button. the Strange thing is The Refinements work because when I use the browser's inspect tools to enable the radio buttons work fine and I get accurate results. OR is possible to enable the HTML-disabled input using CSS