I’m calling out to an API that returns a JSON object to draw various objects on the canvas. The problem I’m having is the data call is invoked from one component (first page), then the results are passed up to App.jsx via props, then passed as a prop into a different component (second page).
From what I see, the best option would be to merge the two components together, and do the data call with an await/async call within the editDocument function like the example here. Then add some state management to switch out the UIs after the processes are complete. Is it possible to accomplish this while still keeping my current two component structure?