billow | Query AWS data without API credentials | Runtime Evironment library

I have a image field, and I want this file to be required only when image_old field is empty and poster_type is image.

Here, the poster type is a select box with two possible value script or image. Next, image_old holds file name like picture.png, this is the value of poster image, and this will have value only in case of edit. (Its becauuse, I am using the same component for create and edit)

My code looks like:

I am trying to make a chat application with scaledrone. I was following this tutorial: https://www.scaledrone.com/blog/javascript-chat-room-tutorial/ but after setting up the basic chat, I wanted to let users define their own name. So I made an input box and then tried using js to take the input box value and assign it to a variable. And then for the name part of the chat application, instead of using the random name function I was using earlier. However, I got the error "can not read properties of null(reading addEventListener) in my console and the submit button did not show up at all. What did I do wrong? The code I used is in pastebin links below. The scaledrone documentation is here: https://www.scaledrone.com/docs/api-clients/javascript Thanks in advance. also, I added the raw text of my javascript file below because stack overflow won't let me post without adding some code(first time posting to stack overflow lol).

https://pastebin.com/9DvF3WnX https://pastebin.com/UrZ1xsMB

For some reason combo of useReducer and useContext is not working out for me, as you can see from the code I'm trying to change the value using the onChange and it works for the first time but the second time everything crashes. Here's link to the code https://codesandbox.io/s/billowing-field-k7lif?file=/src/App.css Ps: App.js , and Surcharge are the files to check out. (ignore the comments)

I've been trying to solve the following problem : I try to upgrade this Frontend Mentor project https://haydee75.github.io/galleria/ from React Router v5 to v6. I tried to replace the code between with :

Please see this codesandbox.

I have a parent div that needs to handle for draggable events (such as when a file is dragged over it). When onDragEnter is invoked, I want the background color to change. However, I have a child div, which, when hovering over it, invokes the parent div's onDragLeave event. I've tried using a ref with this child div to determine if the event target is contained in the child div but that doesn't seem to be working. How can I avoid a child div in React invoking the onDragLeave event? Thanks!

If you use Bootstrap's grid system to lay out your pages, and there are six breakpoints:

Do I try to configure the nuxt-img sizes to match the column sizes for each breakpoint? In my case, I am just using the md columns to keep things simple like so:

How can I convert this hook-based code to class-based code? Does the code still work? I'm using a react/ASP.net Core template. My project consists of several components that are siblings. I'm trying to send a state from a component to another one.

After compiling I receive this error message:

Failed to compile src\App.js Line 4:1: 'state' is not defined no-undef

Code App.js:

I have four pictures when you hover over one of these pictures, certain content appears, for example, if you hover the mouse over the first picture, a green block appears when you hover over the second picture, a blue block appears, and so on, the problem is that the logic that I have implemented looks like nightmarish

Here is a link, you can see the logic on codesandbox, I want to know if it is possible to somehow optimize the logic to make it more readable and simple