javascript: a JSX tag bound to a memo/forwardRef wrapper or a lazy() loader reaches no component #1590

// parts.jsx
import { memo, forwardRef } from "react";
export function PlainInner() { return <i />; }
export function DefaultMemoInner() { return <p />; }
export const MemoFwd = memo(forwardRef(function MemoFwdInner(p, ref) { return <div />; }));

// defmemo.jsx
import { memo } from "react";
import { DefaultMemoInner } from "./parts";
export default memo(DefaultMemoInner);

// objparts.jsx
export function ObjNamed() { return <div />; }

// app.jsx
import { memo, lazy } from "react";
import DefMemo from "./defmemo";
import { MemoFwd, PlainInner } from "./parts";
const Card = memo(PlainInner);
const LazyBlock = lazy(() => import("./objparts").then((m) => { return { default: m.ObjNamed }; }));
const LazyConcise = lazy(() => import("./objparts").then((m) => ({ default: m.ObjNamed })));
export function App() { return <><Card /><DefMemo /><MemoFwd /><LazyBlock /><LazyConcise /></>; }