Web3uikit form cant see image upload

Hi everyone, i have basic web3uikit form but i cant see the image upload part why?

import { useState } from "react";
import { Form, Input, useForm } from "web3uikit";

function InputForm() {
  const [value, setValue] = useState("");

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  const handleSubmit = (event) => {
    // event.preventDefault();
    console.log(event);
  };

  return (
    <Form
      buttonConfig={{
        onClick: function noRefCheck() {},
        theme: "primary",
      }}
      data={[
        {
          inputWidth: "100%",
          name: "Product Name",
          type: "text",
          validation: {
            required: true,
          },
          value: "",
        },
        {
          inputWidth: "100%",
          name: "Serial number",
          type: "text",
          validation: {
            required: true,
          },
          value: "",
        },

        {
          inputWidth: "100%",
          name: "Image",
          type: "file",
          value: "",
        },
        {
          inputWidth: "100%",
          name: "Product description:",
          type: "textarea",
          validation: {
            required: true,
          },
          value: "",
        },
      ]}
      onSubmit={handleSubmit}
      title="Add Product"
    />
  );
}

export default InputForm;

Issue is being discussed in discord
Seems like the user has an outdated version installed, We fixed it

1 Like