react-motion | A spring that solves your animation problems | Animation library

I am trying to run the command npm run dev or npm run production. But none of them are successful. Once I run the command I am getting an error like in image :

error after running npm run prod

My package.json file is like below :

I would like to create a simple webpage that shows a carousel/image gallery that a user can slide through.

A react component that can be used to do this can be found on reactjsexample.com, here.

I've gone over the "Add React to a Website" tutorial but I cannot figure out what JS file I need to edit and save in order to have it be displayed on a webpage.

I have tried adding the the react and react dom development scripts,

And then added the following to the Playground.js file:

hi I learn React and need help!

I get this error:

./src/components/masonry/Masonry.js
Line 278:23: Typo in declared prop type: boolean react/no-typos
Line 280:26: Typo in declared prop type: boolean react/no-typos
Line 282:20: Typo in declared prop type: boolean react/no-typos

Search for the keywords to learn more about each error.

But it works ok in this codesandbox made by mimimimichael It's all the PropTypes.boolean that give the error like boolean cant be used I have search but cant find some answer for this I guess it's some version conflict maybe please advice?

So I want to use requestAnimationFrame to animate something using react hooks.
I want something small so react-spring/animated/react-motion is a bad choice for me.
I implemented useAnimationOnDidUpdate but it is working incorrectly, here is reproduction with details.
What's wrong here: on second click multiplier for animation starts with 1, but should always start with 0 (simple interpolation from 0 to 1).
So I'm trying to understand why the hook saved previous value though I started a new animation loop already.
Here is a full code listing for hook:

So, I am trying to create a draggable list with React-Motion in my project.

However, I couldn't figure out a way to remove the spaces between the list (see the picture below). I read somewhere that it is due to the nature of absolute elements in HTML.

I am new to React apps so please excuse me if my question has an easy answer. I have spent the last few days with Google and have not found a solution for my question.

At my new position, I have been asked to modify a current React app. The short of it is that this app was built before my time and is old. The app does not permit for a dev build. And since it does not allow for a dev build our development team can not see the component layout, props, or state along with any other goodies provided by the React Dev Tools.

My question is how do I make my app work properly with the React Dev Tools?

Other details that may help: Files are located in ABC/app/src/common Normally here at my employer, this would translate into a URL of: www.ABC.com/app/. Yet for some reason, this is not how things are set up.

Instead the app is served from a URL subdomain: app.XYZ.com Also, note that the URL www.XYZ.com is not a React app - (not sure this is relevant)

Basically the build scripts create the bundle and the .min files are moved from the ABC/app/src/common folder to app.XYZ/.

package.JSON: