DZuz14

const Upload = () => {
  return (
    <div className="Upload" css={CSS}>
      <div className="inner">
        <div className="list">
          <h5>Your Files:</h5>

          <ul className="files">{/* file names here. */}</ul>
        </div>

DZuz14

const Upload = () => {
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  return (
    <div className="Upload" css={CSS}>
      <div className="inner">

DZuz14

const Upload = () => {
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const preventBubbling = (e) => {
    e.stopPropagation()
    e.preventDefault()

DZuz14

const Upload = () => {
  const [files, setFiles] = useState(null)
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const preventBubbling = (e) => {
    e.stopPropagation()

DZuz14

const Upload = () => {
  const [files, setFiles] = useState(null)
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const preventBubbling = (e) => {
    e.stopPropagation()

DZuz14

const Upload = () => {
  const [files, setFiles] = useState(null)
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const preventBubbling = (e) => {
    e.stopPropagation()

DZuz14

const Upload = () => {
  const [files, setFiles] = useState(null)
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const removeFile = (name) => {
    const newFiles = files.filter((file) => file.name !== name)

DZuz14

const Upload = () => {
  const [files, setFiles] = useState([])
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const handleFiles = (fileList, mode = 'w') => {
    if (mode === 'a') {

DZuz14

const Upload = () => {
  const [files, setFiles] = useState([])
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const handleFiles = (fileList, mode = 'w') => {
    if (mode === 'a') {

DZuz14

{
   "success":"Hooray! your form was submitted.",
   "fields":[
      {
         "name":"name",
         "type":"text",
         "placeholder":"Dana Scully",
         "required":true,
         "value": ""
      },