attrs update not correctly mapped to props

[muuyao]

https://codesandbox.io/s/wizardly-hermann-kumgx?file=/src/App.js

import { defineComponent, ref, h } from "@vue/composition-api";

const Field = defineComponent({
  props: ["firstName", "lastName"],
  setup(props, { attrs }) {
    return () => {
      return h("div", [props.firstName, props.lastName]);
    };
  }
});

const WrapperField = defineComponent({
  setup(props, { attrs }) {
    return () => {
      return h(Field, {
        attrs: {
          ...attrs
        }
      });
    };
  }
});

export default defineComponent({
  setup(props, { attrs }) {
    let person = ref({
      firstName: "wang"
    });
    setTimeout(() => {
      person.value = {
        firstName: "wang",
        lastName: "xiao"
      };
    }, 1000);
    return () => {
      return h("div", [
        h(WrapperField, {
          attrs: {
            ...person.value
          }
        })
      ]);
    };
  }
});

[fakeeffect]

@edwardnyc I also encountered this problem. Have you solved it?

@antfu Is the plan feasible? Can I refer to 835 to create a new local package to solve this problem?

[edwardnyc]

@edwardnyc I also encountered this problem. Have you solved it?

@antfu Is the plan feasible? Can I refer to 835 to create a new local package to solve this problem?

Please wait for review

[muuyao]

any update?

[fakeeffect]

I'm sorry to bother you. Is this a bug? Can you add a tag in your spare time? It will affect our project use, thank you!
@antfu @ygj6