imgbase | Automatically embedded images as base64 strings in CSS-files

I'm playing around with a food recognition api.

I have a component with a local state called ingredients.

In the component, I have an input tag that accepts a file image upload and calls cameraHandler method onChange. The method uses FileReader to convert the image into Base64

Once the FileReader is finished encoding the image, the method calls a redux action fetchIngredientsFromImage to post the base64 image into a route to trigger to trigger an API call (to analyze the ingredients in the image).

The response is sent back to the front end, and used to update store.

So basically, the API call is successful, I get the data I need, and store is updated successfully. Great.

But what I also need to do, is update my local ingredients state. But I don't know how to wait for store to be updated before calling setState.

I've tried componentDidUpdate with if(this.props !== prevProps) methodToUpdateLocalState(), but this doesn't work because for some reason the component won't re-render after store is updated.. Turns out that everything inside componentDidUpdate runs first, and store is updated afterwards. I feel like also isn't necessary (probably).

I also tried .then the awaited readers inside cameraHandler, but .then is undefined.

I'd appreciate any input I could get. Really at a loss here, because I have the data, and I just need to somehow grab it so I can setState.

Component

I am trying to search a list of objects for a specific "trait" of said object

Below are the classes that create the objects for the lists:

so I am currently attempting to locally map my suspended thread when I pop my program into CFF explorer it says that the value of PIMAGE_NT_HEADERS is 00004550:

however while attempting to map it by myself my value comes out to be 00400080: