svelte resolve if statement during animation

I have some svelte code that simplified looks like this

{#if conditional}<ContentA/>{:else}<ContentB/><Drawer transition:fly><Compontent /></Drawer>{/if}

in most situations this works fine.But if the component modifies the conditional in some way then I am getting a behavior that I am not too fond of. Since the component has a fade out it will show ContentB until the animation is done, and only after that will it switch to ContentA.

Is there any way of getting this working with both an animation and an instant switch of content?