What does 'delayRender "Loading root component" was called but not cleared' mean in Remotion?
This one is not about your code. It means Remotion was pointed at a file that never calls registerRoot(). Pass the right entry point and it goes away.
A delayRender() "Loading root component" was called but not cleared after 28000ms
A delayRender() "Loading root component" was called but not cleared after 28000ms
If you saw this, do not go hunting for a continueRender() in your components. The cause is simpler, and it is in how you invoked Remotion.
What it means
Remotion starts a page and waits for your root component to register itself. The call that does that is registerRoot(). If the file you passed as the entry point never calls it, the wait is never satisfied, and after about 30 seconds Remotion reports the timeout.
Why it happens
You specified an entry point that does not call registerRoot(). The usual mistakes:
- You passed the list of compositions (
src/Root.tsxin most templates) instead of the file that registers it. - You passed the filename of a component you want to render.
Fix
Pass the file that calls registerRoot(). In most templates that is src/index.ts.
npx remotion render [entry-point] [composition-id] out/video.mp4
For example npx remotion render src/index.ts MyComp out/video.mp4. In the Node API, the same value goes in the entryPoint property of bundle().
const bundled = await bundle({ entryPoint: "./src/index.ts" });
Check it worked
The render should start and show frame progress within a few seconds. If you still get a root component timeout, open the entry file and confirm it contains a registerRoot(RemotionRoot) call. If it does and you still see the error, you may be looking at the generic delayRender timeout with an unrelated cause.
No entry point to get wrong
GenMotion scaffolds the project and its entry for you, so there is no registerRoot() to wire up and no path to pass on a command line. GenMotion does not render Remotion projects: it builds Three.js and HyperFrames videos. You describe the video, and it exports on your own machine. Remotion alternatives, compared honestly.
Related answers
What does 'A delayRender() was called but not cleared after 28000ms' mean in Remotion?
Remotion waited for something to finish before capturing a frame and gave up after about 30 seconds. The causes, in order of how often they bite: continueRender never called, blocked network, too much concurrency, a large OffthreadVideo, rate-limited remote assets.
What does 'Timed out evaluating page function' mean in Remotion?
It looks like a delayRender problem and it is not. The browser stopped responding because it is overloaded. The fix is usually to lower concurrency, not to hunt for an uncleared handle.
Why is my Remotion render stuck, and what do I check first?
A Remotion render that hangs at a percentage, or at the last frame, with no error. Four checks in order: a delayRender longer than your Lambda timeout, verbose logs, Chrome Headless Shell, and the Lambda errors field.
Sources
This answer as plain Markdown, for agents: /answers/remotion-loading-root-component-timeout.md