Identicon | Generate awesome and unique identicons with beautiful colors

I am working through Miguel Grinberg's flask mega tutorial, and I have run into an issue I cannot understand.

Currently I am on Chapter 8: Followers ( https://blog.miguelgrinberg.com/post/the-flask-mega-tutorial-part-viii-followers )

I just finished the part where I make some unit tests and found that one of the test cases failed. It is test_follow_posts:

I'm trying to sign up user and then updateUserProfile with the so named function.

First I had a problem with the typeof user, which I solved by importing the User type from firebase and I do a check if there is a currentUser, to satisfy the null possibility.

I think the problem is with that last check, because the content of the function does not run. Namely I think the user is not yet signed up.

Note: if I do: const user: User = this.auth.currentUser;

I get in updateProfile(user) this error type 'User | null' is not assignable to type 'User'.

If I do: const user: User | null = this.auth.currentUser;

I get this error:

Argument of type 'User | null' is not assignable to parameter of type 'User'.

That's why I ended up checking like this:

I am using the Stack Overflow api to search for questions by passing a query.

I am using the following code:

I am using setState in the App.js, and i have passed it to a child component with useContext. I want to modify that state in the child component. Not like the setState way, but changing its decimals, making an Identicon from its string etc. However React is giving me memory leak warning, and i couldn't find a solution.

For example

I would like to use a custom label for the labels but it doesn't seem to render if the source of a image is a data:image/png;base64. Searching on this online it's mentioned that I should use renderToStaticMarkup and/or encodeURIComponent, but this is also not working.

See code example below :

I am trying to use local storage to keep the last clicked button even if the page is reloaded. I tried the following code but it didn't work: http://jsfiddle.net/2L0d64hv/1/

First Question: On W3 HTML Validator I get the following error:

Attribute value not allowed on element input at this point.

But, in my code, I am using the 'value' to change images so how could I fix this?

Second question: I need the image to remain the same even when I refresh. I am new to Javascript, but I know I need to utilise cookies or local storage in some way. Can someone help with this?

I am using the createUserWithEmailAndPassword() method for signing up new users. Immediately after this user creation process, I am sending an email verification. Then, in my onAuthStateChanged() I have a condition to check whether the user has verified their email. The problem is that the Auth observer is logging out the user BEFORE the email sendEmailVerification() method is complete.

Based on the below code, where is the best place to succuessfully unsubscribe the observer ? And, how to do it with Firebase JS SDK v9?

Let me explain my use case and show my code:

pages/sign-up:

Using the StackExchange API, it's possible to find out quite a bit about a user: