Warning "Extraneous non-emits event listeners" shows up even when emits is set

Version

3.0.2

Reproduction link

https://codesandbox.io/s/vue-event-warning-bug-dqokg

Steps to reproduce

Create a fragment component with setup as render function. Then define a custom event. Listen to the custom event -> Warning should pop up in the console when loading the fragment component.

e.g. an input component as child component.

import { defineComponent, h } from "vue";

export default defineComponent({
  props: {
    msg: String
  },
  emits: ["test-change"],
  setup(props, { emit }) {
    return () => {
      return [
        h("h1", props.msg),
        h("input", {
          onChange: (evt) => emit("test-change", evt)
        })
      ];
    };
  }
});

parent component:

<template>
  <InputComponent
    msg="string input"
    @testChange="(evt) => console.log(evt.target.value)"
  />
</template>

<script>
import InputComponent from "./components/input";
export default {
  name: "App",
  components: {
    InputComponent,
  },
  setup() {
    console.log(InputComponent);
    return {
      console,
    };
  },
};
</script>

What is expected?

The warning should not appear.

What is actually happening?

A warning appears.

Extraneous non-emits event listeners (testChange) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. 

Events work fine.