保存错误后重置 - 未恢复到正确的初始值

我有一个非常奇怪的错误。我在这里复制了最简单的测试用例场景：https : //codesandbox.io/s/PNyPwyWP2

我还上传了一个解释性的截屏视频，截屏视频在 youtube 上 - https://youtu.be/iILiFieO-gk

我的目标是我有一个带有单个字段的表单，一个“重置”按钮和一个“保存”按钮。单击“保存”将表单值保存到我store调用的save. 单击“重置”应将表单值重置为最后一个“原始”值（中的值initialValues）。

但是我的问题是，保存表单后，“重置”按钮应该将其重置为“原始”值（新保存的值，initialValues 中的值），但它正在将其重置为“旧原始值”

这是我的完整应用程序代码：

import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import { createStore, combineReducers } from 'redux'
import { connect } from 'react-redux'
import { Field, reduxForm, reducer as form } from 'redux-form'

// ACTION & ACTION CREATOR
const SAVE_FORM = 'SAVE_FORM';
function saveForm(values) {
  return {
    type: SAVE_FORM,
    values
  }
}
// REDUCER - save
const INITIAL = { url:'hiiii' };
function save(state=INITIAL, action) {
  switch(action.type) {
    case SAVE_FORM: return action.values;
    default: return state;
  }
}


// STORE
const reducers = combineReducers({ form, save });
const store = createStore(reducers);

// MY FORM COMPONENT
class MyFormDumb extends React.Component {
  handleReset = e => {
    e.preventDefault();
    this.props.reset();
  }
  render() {
    console.log('MyFormDumb :: pristine:', this.props.pristine, 'initialValues:', this.props.initialValues);
    return (
      <form onSubmit={this.props.handleSubmit}>
        <label htmlFor="url">URL</label>
        <Field name="url" component="input" type="text" />
        <button onClick={this.handleReset}>Reset</button>
        <button type="submit">Save</button>
      </form>
    )
  }
}

const MyFormControlled = reduxForm({ form:'my-form' });

const MyFormSmart = connect(
  function(state) {
    return {
      initialValues: state.save
    }
  }
);

const MyForm = MyFormSmart(MyFormControlled(MyFormDumb));

// MY APP COMPONENT
class App extends React.PureComponent {
  submitHandler = (values, dispatch, formProps) => {
    dispatch(saveForm(values));
  }
  render() {
    return (
      <Provider store={store}>
          <div className="app">
            <MyForm onSubmit={this.submitHandler} />
          </div>
      </Provider>
    )
  }
}

// RENDER
ReactDOM.render(<App />, document.getElementById('app'))