VideoContext | experimental HTML5 & WebGL video composition | Graphics library

I have read questions with similar titles and they have not solved my problem.

I have an API call whose result needs to be shared amongst several components. The parent component makes the call and React's context is used to share it amongst the child components:

MainPage.js:

I intend to use Google Cloud Speech Transcription for Video Intelligence. The following code only analysis for a partial segment of the video.

I'm new to react native concepts. I'm trying to pass functions and a parameter to context API so that I can access those in my child component. I'm trying to implement basic login functionality that will show different messages based on user login status. The functionality works when I pass the SignIn method to my child component but the same function is not accessible when I send it along with some variable. The below code and notes can explain the problem clearly.

In the below code as you can see I'm passing my reducer function and initial states from which I get the error messages and sign function

App.js

I've got a bit of a nasty bug for you folks. (Yes, it's probably my bug and not SDL's.) I have been in the process of writing a modern C++ wrapper for SDL and everything appears to be working as intended. However, my Texture class has a strange bug: if it is redrawn after a resize, it looks fine, but if it is not, it becomes entirely black. Here is what that looks like:

Before the resize

After the resize

I can't exactly post just one part of the code here, so here is the entire folder (hosted on GitLab): SDL wrapper

Here is a small program that reproduces the error using this library:

I am using google youtube api to stream some video. Unfortunately I got stuck on passing video details, when a users clicks on a video. (I am aware of the warning, will fix this soon by adding of an index to the thumbnail).

The question is (it is also in the middle of the post, but am afraid, that it will get lost): why hss my searchedValue.videos changed to undefined?

I got a working version: When I click on a thumbnail of a video, I get the expected result.

Here is the code for it:

App.js

I've written this program to setup an HEVC decoder based on https://docs.microsoft.com/en-us/windows/win32/medfound/supporting-direct3d-11-video-decoding-in-media-foundation. Everything works fine until the end when I call result = decoder->SetOutputType(0, media_type, 0); this returns the error MF_E_ATTRIBUTENOTFOUND. I'm not sure what's wrong, this error isn't described in the SetOutputType documentation and I've only found a couple examples of HEVC decoding with MF and none of them describe an error like this.

I am using React Context in order to manage a global state.

So I have defined my Context with its Provider and its Consumer.

I have my videoplaying-context.js