ld-react | Launch Darkly React integration with hooks | Access Management library

I got a weird observation when upgrading reacts versions: When upgrading react from 16.8.6 to 17.0.1, the new application swallows some of the log messages even though the result rendered on the web page is still exactly the same. Could anybody help me to explain it?

In more detail: 

This is my component: 

I am following this tutorial for creating a React app in AWS.

In step Initialize the Amplify app of section 3, I see the following error (i.e. Setting up Admin UI failed.) in the Backend environments tab:

I know that I have a limited account from our administration side, but I don't know what role is missing that I cannot create the backend for my app!

Does anyone have any idea that, how I can find out what role is missing that I am not allowed to create the Amplify Backend?

Also in the console tab no info is printed.

I am trying to deploy React.js web app on Amazon Web Services(AWS) amplify using git hub support. It has been deployed and I got the url but the app doesn't look the same as it does when run locally.

I have followed the steps given here.

I have used the default build configuration settings and haven't changed anything.

Below is how it looks when run locally.

Below is how it looks on the link provided by AWS amplify.

Can anybody please point out what should I do differently? Do I need to configure something? I have used material-ui and react-bootstrap for frontend components.

App.js - render function

I am trying to transfer a variable to a template. I have tried: ${{ variables.portalPath }} and $(portalPath)

But no values are transferred. If I dont use a variable but just a string it works:

pipeline:

As discussed here, it seems that React reducers must be pure functions and never generate side-effects (no API calls changing anything). Is it safe to throw an Error in a reducer in case of an invalid input)? (Isn't that considered a side-effect?)

I'm not so sure if what I'm doing is the correct way or miss some step or too much step that I made. The way to build the APK I retrieve from various finding on tutorial, forum and example. Again, I still not sure the way I'm building it.

I have the generated keystore file on ./android/app directory Below are what I found and try but I don't know how it different from each other:

STEP 1:

I'm following this medium article to use FloatingTitleTextInputField in my react-native project

below is my project structure

Here is my code for HomeScreen.js

I am unable to clear the value of a material-ui Input using refs, not state.

I've tried both types of refs that I know about: ref={this.input} - and - ref={el => (this.input = el)}

but neither seems to work w/ a material-ui Input

the following similar questions did not help: How to get input value of TextField from Material UI? Clear and reset form input fields Clear an input field with Reactjs? how to set Input value in formField ReactJs

Here's a snippet of my React JSX for the input & button:

My react app (that I think is based of create-react-app - I didn't create it initially)

Doesn't use an index.html, it has an index.js, well it has a few index.js,

I want to know how this works? Basically when I run npm run build, a build folder isnt created, an es and a lib folder are created which are copies of the src folder (which contains the components)

Why are these two folders created and not a build?

I used an npm package: https://www.npmjs.com/package/react-chat-window

Here is my package.json (might hold the clues):

I really want to understand because on my server, I am using nginx, but it isnt routed to any of the files, the sites-available/default doesnt route to anywhere its the default settings so how does it work!?