yooo | Roll your own production-ready URL Shortener API

I want to access the server that I have build using node.js from my android phone. My server is running on localhost port 80 and my laptop and mobile device is connected to the same wifi network.
I tried turning off the windows defender firewall but it didn't work. In my mobile device browser, I used the link to make a request to my server as

I am trying to create a custom hook to wrap about Notistack (https://github.com/iamhosseindhv/notistack), a library for snackbars.

My hook looks like this:

Typescript gives an error when passing a prop through standard propName={propValue} but not when using spread props {...{propName: propValue}}

To clarify: I know how to solve this. I could add it explicitly to the IconButtonProps type; I could also add & React.HTMLAttributes so I don't have to iterate all button props that I want to be able to pass through; I could also just use spread props everywhere (which is what I do 90% of the time anyway).

However, it seems like these two components should be the same. I'm looking to understand why these two supposedly equivalent ways of passing props behave differently in typescript.

Playground Link

So I got this error couple of times now. when trying to pass array of specific type objects to actions in ngrx store from ngrx effects. In my case I want to pass AngularFireUploadTask[] to my action. Previosly I had the same error with User Products is defined in my project. the way I got rid of the issue was to cast the object to products in effect using (as User). the same doesn't seem to work here.

Please help me out understand this issue. the error doesn't give much info. This is my action:

I'm having a very weird issue where just one component on a page is not being refreshed, and I just can't figure out why.

Here's a short video of the problem:

https://i.gyazo.com/45e229b0867c37e48a18da7a55afb522.mp4

Notice how the question string changes when I click confirm (as it should), but the cards of the drag and drop window stay the same. It keeps displaying the question name "yooo" and the answers "abc, def", while that's only valid for the first question.

I'm still relatively new to ReactJS, so there may be some functionality here that I'm not familiar with? As far as I know DragAndDrop should be re-rendered entirely with the next question. Currently the constructor is not being called again and it saves the data of the last question somehow.

Render of this page. DragAndDrop is being called here. In confirm(), currentQuestion is being set to the next question.

I worked this on my Jupyter.
I'd like to know if there's a way to find the location (column index) of the max value in everyrow in the table.
For example, it looks like this: