Parent component use child component's render function, the components registered within the child component are not working

[MirrorHuang]

In JSX, if custom-component is registered by Child component,and Parent component use Child component's render function to render custom-component. it will report Failed to resolve component: custom-component

Here is the demo code
Vue version: 3.3.4

child

export default defineComponent({
  components: {
    CustomComponent,
  },
  setup(props, ctx) {
       const renderCell = ()=><custom-component />
       //  parent component will get this function
       store.state.renderCell = renderCell
       render(){
          <div>demo</div>
       }
  }

parent

export default defineComponent({
  setup(props, ctx) {
       const renderCell = store.state.renderCell
       render(){
          <div>{{renderCell()}}</div>
       }
  }

I noticed in the source code that the issue arises because currentRenderingInstance points to the parent component when rendering the custom-component; but how should this be resolved?

[LinusBorg]

import CustomComponent from '...' 

export default defineComponent({
  components: {
  //   CustomComponent,
  },
  setup(props, ctx) {
      // UpperCase Component Tags are resolved to variables of the same name directly
      // instead of being transformed into a resolveComponent('custom-component') call that requires the currentRenderingInstance
       const renderCell = ()=><CustomComponent />
       //  parent component will get this function
       store.state.renderCell = renderCell
  }