Native dynamic import - lazy and Suspense

[flamrdevs]

I have tried the lazyComponent API, but some cases do not meet my needs

so is there any possible action if I want to use lazy() and <Suspense/> natively?

[JonnyBurger]

All Remotion components are already wrapped in Suspense!

Does that not work?
Please specify what you'd like to achieve and why it's not possible with the current APIs.

[flamrdevs]

I tried importing <Composition /> dynamically instead of lazyComponent

// src/compositions/lazy.tsx
export default () => {
	return <Composition />
}

// src/Root.tsx
const Lazy = lazy(() => import("./compositions/lazy"))

export default () => {
	return <Lazy />
}

is something like this a bad practice?