Почему на работает onChange input styled-component React 17/18?

Question

[Pavel Khokhlov]

import React, { FormEvent, useState } from 'react';
import styled from 'styled-components';

const Input = styled.input`
  width: 90%;
  height: 40px;
  border: none;
  border-bottom: 1px solid grey;
  padding-left: 40px;
`

export default function FieldInput() {
  const [value, setValue] = useState('')
  const handleChange = (e: FormEvent<HTMLInputElement>) => {
    console.log(e.currentTarget.value);
    setValue(e.currentTarget.value)
  }
  return (
    <Input type="text" placeholder="placeholder" onChange={handleChange} value={value} name="name" />
  );
}

Answer 1

[Alexandroppolus]

Всё там работает
https://codesandbox.io/s/throbbing-field-tlqbrn?fi...
твой код, в который я добавил див для показа текста.