Отправляю props, но получаю первым объект со всеми props, а все последующие оказываются пустыми объектами, почему так происходит?

Question

[vertically-challenged]

Отправляю строку и функцию в качестве props, но в компонент приходит, под именем первого, объект, содержащий вообще все props, а вместо всех последующих приходят пустые объекты, почему так происходит, и как это исправить?

В value передается city с типом string:

export default function City() {
  const dispatch = useDispatch()
  const city = useSelector((state: TRootState) => state.city)
  console.log('city type: ', typeof city) // Выводит string

  return (
    <div>
      <Input value={city} onChange={onChangeHandlerWrapper(dispatch)}/>
    </div>
  )
}

А приходит объект со всеми props:

export default function Input(value: any, onChange: any) {
  console.log('value type:', typeof value) // А приходит object 
  
  return (
    <input 
      type="text" value={value} onChange={onChange}
    />
  )
}

Answer 1

[Kataev]

export default function Input(value: any, onChange: any) {

export default function Input({ value: any, onChange: any }) {

Comments

[vertically-challenged]

Ну если поставить string, то просто выскакивает ошибка, что я не могу присвоить строке объект, и даже не получится посмотреть, что там таки приходит

[Kataev]

vertically-challenged, а причем тут тип?

[Kataev]

export default function Input(props) { 
  return (
    <input 
      type="text" value={props.value} onChange={props.onChange}
    />
  )
}

export default function Input({ value, onChange } ) { 
  return (
    <input 
      type="text" value={value} onChange={onChange}
    />
  )
}

[vertically-challenged]

Kataev
Спасибо, оказывается, я забыл скобки..., теперь можно продолжить жить ^^