Странное поведение чисела ввода и выберите компонент в ui чакры ⇐ Javascript

[Anonymous]

Я сталкиваюсь с странной ситуацией с компонентами чакрауи. Я пытаюсь использовать компонент number -incomput от чакрауи и выбрать компонент. < /P>
сценарий 1: < /strong>

Если компонент number input записан перед выбором компонента, и я пытаюсь ввести в него значение, я могу ввести значение, но
, если я пытаюсь выбрать, в выбор.

Код: Выделить всё

TypeError: selectEl.options is not iterable
at syncSelectElement (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:37436:39)
at action (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:5214:29)
at http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:36885:7
at http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:5109:21
at react-stack-bottom-frame (http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=5690b4d1:17478:20)
at runWithFiberInDEV (http://localhost:5173/node_modules/.vite/deps/react-dom_client.js?v=5690b4d1:1485:72)
at commitHookEffectListMount (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:8460:122)
at commitHookPassiveMountEffects (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:8518:60)
at commitPassiveMountOnFiber (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:9887:29)
at recursivelyTraversePassiveMountEffects (http://localhost:5173/node_modules/.vite/deps/@chakra-ui_react.js?v=5690b4d1:9868:13)
< /code>
 сценарий 2: < /strong>

Когда компонент выбора используется перед компонентом number input, он работает нормально, но я не могу ввести какое -либо значение в компонент number input. В этом случае также ошибки не бросаются. Тем не менее, я попытался дать им другой идентификатор 

s, но атрибут идентификатора не обновляется и производится как какой-то сгенерированный чакрауи идентификатор .
версии: [/b]

[*] chakraui: ^3.21.0
chakraui: ^3.21 /> Tailwindcss: ^4.1.10 < /li>
Vite: ^6.3.5 < /li>
React: ^19.1.0 < /li>
< /ul>
Я столкнулся с этой ситуацией в первый раз, когда использует чакрауи. Пожалуйста, помогите мне решить проблему.const INTERVALS = createListCollection({
items: [{
label: 'Years',
value: 'years'
},
{
label: 'Months',
value: 'months'
},
{
label: 'Weeks',
value: 'weeks'
},
{
label: 'Days',
value: 'days'
},
],
});

<
SimpleGrid
templateColumns = {
{
base: 1,
md: 'repeat(2, 1fr)'
}
}
gap = {
5
}
width = "full" >

<
NumberInput.Root
name = "period"
width = "full"
value = {
values["period"]
}
onValueChange = {
(e) => setFieldValue("period", e.value
}
formatOptions = {
{
style: 'decimal',
}
} >
<
NumberInput.Input placeholder = "0.0" / >
<
/NumberInput.Root>

<
Select.Root
collection = {
INTERVALS
}
value = {
value["interval"]
}
onValueChange = {
(e) => setFieldValue("interval", e.value
} >
<
Select.HiddenSelect / >
<
Select.Control >
<
Select.Trigger >
<
Select.ValueText placeholder = "Select Interval" / >
<
/Select.Trigger> <
Select.IndicatorGroup >
<
Select.Indicator / >
<
/Select.IndicatorGroup> <
/Select.Control> <
Portal >
<
Select.Positioner >
<
Select.Content > {
INTERVALS.items.map((option) => ( <
Select.Item item = {
option
}
key = {
option.value
} > {
option.label
} <
Select.ItemIndicator / >
<
/Select.Item>
))
} <
/Select.Content> <
/Select.Positioner> <
/Portal> <
/Select.Root> <
/SimpleGrid>< /code>
< /div>
< /div>
< /p>
Выше выше - пример фрагмента. Пожалуйста, отрегулируйте его с правильными значениями.

Подробнее здесь: https://stackoverflow.com/questions/797 ... n-chakraui