Significant performance drop on Draft.js and RHF 6.13.1

[veekungx]

Describe the bug
When integrate with draft.js and RHF 6.13.X. After input a lot of text it start to drop some performance.
This issue not happed in RHF 6.12.X

To Reproduce

import React from 'react';
import { Controller, useForm } from "react-hook-form";
import { Editor, EditorState } from "draft-js";

function App() {
  const { control } = useForm({
    defaultValues: {
      draft: EditorState.createEmpty(),
    },
  });

  return (
    <div>
      <form>
        <Controller
          name="draft"
          control={control}
          render={({ value, onChange }) => {
            return <Editor editorState={value} onChange={onChange} />;
          }}
        />
      </form>
    </div>
  );
}

GIF

Codesandbox link (Required)

• useController@6.13.X
• Controller@6.13.X

Expected behavior

• Controller@6.12.X

Desktop (please complete the following information):

• OS: macOS(Big Sur)
• Browser: Chrome
• Version: 87.0.4280.88

[bluebill1049]

can you provide more information and detail? perhaps perf measurement and see if it's worth it for us to spend time on fixing this.

[veekungx]

@bluebill1049 I provide some gif for you.

When typing a lot of text or pasted. 6.13 start to jumpy and hang.

[bluebill1049]

we will use shallow clone instead of deep clone for object value.