DotLottieWorkerReact gets double rendered in React StrictMode, causing Cannot transfer control from a canvas for more than one time.

[robert-j-webb]

Overview

I think due to Strict Mode, there is a double render in React, which causes the error in the message in DotLottieWorkerReact

Can confirm it works great if I disable strict mode.

Consuming repo

Repro case: https://codesandbox.io/p/sandbox/epic-kepler-5p6dpm?workspaceId=ws_AQxtEhqyiBX2KFmprbZYRk

(Using the NextJS canary, although I suspect it's any usage of react in Strict mode would cause it.)

(note that I couldn't figure out how to disable strict mode in the sandbox. It's on by default. But you may have to make your own next app in order to turn it off.)

Labels

• Add the Type: Bug label to this issue.