react refresh and static properties

[stefanprobst]

is there a way to make react refresh understand static function properties?

i am following the approach for persistent layouts suggested in the with-dynamic-app-layout example of putting a static Layout prop on the default export. this works with fast refresh as long as the layout is imported from another file (which is what the example project does). however, it does not work when the layout is defined in the same file:

export default function Page() { return <h1>Page</h1>; }
function CustomLayout(props) { return <main {...props} style={{ background: 'deeppink' }} />; }
Page.Layout = CustomLayout

changing the background styles requires a hard page reload to take effect.