Экспорт холста как файла в переменную

Question

Я использую Redux, чтобы передать загруженное изображение на холст и отредактировать его. Проблема в том, что я также передаю другую переменную компоненту canvas, например:

const mapStateToProps = state => ({
    image: state.image,
    textType: state.textType,
    tasks: state.tasks,
    width: state.canvasWidth,
    height: state.canvasHeight,
    coins: state.coins,
});
const mapDispatchToProps = dispatch => ({
    clearCoins(coins) {
        dispatch(setCoinsPrice(coins))
    },
    setCoins(coins) {
        dispatch(setCoinsPrice(coins));
    },
    setEditedImage(image) {
        dispatch(setEditedImage(image));
    }
});
export default connect(mapStateToProps, mapDispatchToProps)(UI);

Так что происходит, когда изображение обновляется. и исходное изображение отображается снова. Поэтому я хочу экспортировать холст в виде файла , но в переменную , передать его в хранилище, и таким образом все будет синхронизировано.

Как я могу экспортировать холст как файл как этот?

File { 
    name: "5bc9d28270e5375dfbfe17fd.jpg",
    lastModified: 1541008471000,
    webkitRelativePath: "",
    size: 17283,
    type: "image/jpeg" 
}