Await object changes

[samevision]

Hello,

Is there a possibility for a callback that is triggered once the object has completed all changes (material, position, etc.).

For example, I have the problem that Bounds from Drei aligns the camera before the modules have even been rendered or the positions changed. I would like to call bounds.refresh.fit() here, however when do I know when the object has applied all adjustments?

I would really appreciate a little advice here.

Best regards

[CodyJasonBennett]

I'd look into useLayoutEffect. This is called before render once everything is calculated and ready to paint.

[samevision]

Thank your response!

I have already tried a few things with useLayoutEffect. My code looks like this:

<Bounds>
    <Models>
        {models.map(model =>
            <Model {...model} />  
        )}
    </Models>
</Bounds>

When I useLayoutEffect in Model, it works.

However, now bounds.refresh().fit() is called for each model, although it would be enough to call it once when all models are ready.

Unfortunately, however, it does not work when I useLayoutEffect in Models.

Is there a solution for this problem?