Robohash | RoboHash.org - The source code for RoboHash

Learning React with a course called ZeroToMastery and the following code is causing the view to render the JSX code 3 times in the browser. Can anyone tell me how this is happening?

Card.js

it's my first question on StackOverflow; quite basic

I'm studying the "Zero to Mastery" react course, and I can't understand why I can't use ${} or {} inside the image source, I mean the props.monster.id

I want to be able to upload a profile picture as well as a banner picture on the same page. When I configure filepond in 2 separate elements it adds the options from both elements together. Is there a way to instantiate to separate FilePond complete with their own config settings? I tried using this advice, but it bleeds my options from 1 pond to the other.

Here is my jinja template that shows both fileponds being configured with wtforms:

I had this issue fixed with text-break from bootstrap, but for some reason, something is overriding it and now my text does not wrap at all. I put a code snippet that reproduces the issue. I've tried everything and I am sure I am missing something silly. I'm only typing now because stackoverflow wants me to. You can ignore the next set of random thoughts.

I am trying to get an input box to stretch the full width of the screen, but due to the items, it is div'd with above it only takes up a small amount and when it unhides it also drags the items above with it. I've tried flex-stretch, align-items: stretch, etc etc etc and nothing seems to work. I even gave it a div by itself and I couldn't get it to work.

If you click the Reply button in the code below it will show you my exact issue:

I am taking HTML/CSS/JS course. There is exercise to create web app with robofriends. There should be many robofriends photos, but I got return only the same. Could you please check if I am doing something wrong? Brackets inside string do not work:

As is MyFriends

As should be RoboFriends

Code

I am a beginner to learn about React. I tried to follow up on one Udemy lecture but my searchbox didn't work as well even though I rewrite the code three times... Could you check this code why my searchbox didn't work? If I type some words in searchbox, it should show matched cards(write down name on search box and it shows a matched card)

I will share my code bellow

This is index.js

The while loops creates ethereum wallets, downloads robohash avatars according to the generated addresses and writes them to file. gLoops sets the amount of wallets created. I need the excution to wait for the avatar file to download and be written to file before continuing the while loop. I reckon it should be done with async/await but can't wrap my head around it

I tried looking up this questions but they were for the entire line.

My question is for example let url = "https://robohash.org/hello.png?set=set4";

here, is there any shortcut to select only the url or basically anything enclosed between "". Is it possible?