ImageUploader does not work with useState variable

[elliotBraem]

The ImageUploader component uploads to IPFS and sets the value of the state variable provided.

However, this does not work with the new useState.

Working code:

State.init({
  img: null,
});

return (
  <div className='container row'>
    <div>
      Image upload: <br />
      <IpfsImageUpload image={state.img} />
    </div>
   </div>);

Breaks when replaced with useState variable:

const [img, setImg] = useState(null);

return (
  <div className="container row">
    <div>
      Image upload: <br />
      <IpfsImageUpload image={img} />
    </div>
   </div>
);

It gives error:

See this widget for example.

---

Could this be fixed with a "onChange" instead of image={} ?

[evgenykuzyakov]

I think IpfsImageUpload should be deprecated. Better to reimplement this logic in a widget. It doesn't have anything that a Widget can't do.