Tim - Hey all, I’m working on implementing prer...
Hey all, I’m working on implementing prerendering for embedded ThoughtSpot liveboards in a React app and could use some advice.
I’ve seen two approaches:
1. Using the PreRenderedLiveboardEmbed component from the SDK.
2. Using the PrerenderdLiveboardProvider context at the app root, rendering the liveboard hidden and mapping it onto a visible container by adjusting position and opacity.
I initially tried the PreRenderedLiveboardEmbed method (following this example demoed in a recent AMA), but ran into some issues: the prerendered liveboard sometimes appears misaligned — it’s occasionally offset by ~20px on the x and y axis, which causes jank in the UI.
I noticed the official docs recommend the context provider strategy instead.
Does anyone here have experience with both? Any recommendations on which approach is better?
1 Reply
hey @Valhalla , we do recommend using the newer one i had demoed
the issue with mis aligned could be due the embed container moving ,
can you try calling syncPrerenderStyle
this will sync all the style in case of misalignment