title: Upload image to redux and show in React-Konva
body: <p>I have try to upload image to Redux and show in  of React-Konva in many ways. But it isn't work. Both in base64 and blob. But in normal situation like using component's state to keep data(base64) it's work. I don't know why.
  In my component just have button for upload and React-Konva Component for show image</p>
  
  <p><a href="https://i.stack.imgur.com/pah5u.png" rel="nofollow noreferrer">this is error from base64 store in redux and show to Image Tag</a></p>
  
  <pre><code>class UploadButton extends Component{
    constructor(props){
      ...
      this.handleUpload = this.handleUpload.bind(this);
    }
  
    handleUpload({target}){
      const reader = new FileReader();
      const file = target.files[0];
      reader.onloadend = () =&gt; {
        this.props.dispatch({
          type: 'UPLOAD_IMAGE',
          image: reader.result, 
        });
      };
      reader.readAsDataURL(file);
    }
  
    render(){
      return(
        &lt;div&gt;
          &lt;input 
            value="Upload" 
            type="button" 
            onClick={ () =&gt; { this.uploadInput.click() } } 
          /&gt;
          &lt;input 
            id="inputUpload"
            ref={ (ref) =&gt; { this.uploadInput = ref } }
            type="file" 
            style={ { display: 'none' } } 
            onChange = { (event) =&gt; { this.handleUpload(event) }}
          /&gt;
        &lt;/div&gt;
      );
  
  import React, { Component } from 'react';
  import { connect } from 'react-redux';
  
  import { Stage, Layer, Image } from 'react-konva';
  
  class ShowImage extends Component {
    constructor(props){
      super(props);
      this.props = props;
  
      this.state = {
        image : null,
      }
    }
  
  
    render(){
      return (
        &lt;Stage
          width={ 500 }
          height={ 500 }
        &gt;
          &lt;Layer&gt;
           &lt;Image image={ this.props.image} &gt;&lt;/Image&gt;
          &lt;/Layer&gt;
        &lt;/Stage&gt;
      );
    }
  }
  
  const mapStateToProps = ( state ) =&gt; ({
    image : state.image,
  });
  
  export default connect(mapStateToProps)(ShowImage);
  </code></pre>