S3 Upload React Component

component.js

import React, { useRef } from 'react';
import { uploadFileThunk } from '../../../store/upload/actions';
import { useDispatch, useSelector } from 'react-redux';

const ComponentName = () => {

    const uploadInput = useRef();
    const dispatch = useDispatch();

    const upload = useSelector(state => state.upload)

    return (
        <div className="row">
            <div className="form-group">
                <input ref={uploadInput} type="file" className='form-control' />
            </div>
            <div className="form-group">
                <button className='btn btn-success' onClick={() => dispatch(uploadFileThunk(uploadInput, 'images'))}> Upload File </button>
            </div>
            <div>
                {upload.success && (
                    <span>
                    <br/>
                        <p>File: <a href={upload.url} target='_blank'> {upload.url} </a></p>
                    </span>
                )}
            </div>
        </div>
    );
}

export default ComponentName;