react-image | Universal lazy-loading , auto-compressed images | Computer Vision library

I have a typescript react app which I am trying to build for delpoy.

After running npm run build and serve -s build my app starts but it is only a blank page. The favicon is visible on tab.

I am using @reach/router as my router, don't know if it has anything to do with the issue.

I've tried:

• adding homepage: "." to package.json
• adding homepage: "./" to package.json
• without homepage in package.json

Upon serving the app locally or deploying it to firebase I receive only the blank page. I can see the chunks being created and the files deployed.

The deployed version is hosted at: https://rezervavila-prod.web.app/

EDIT: I've seen on this answer that BrowserRouter was an issue for some. In my case I'm using @reach/router Router but I can't find a fix.

package.json:

I have a Next.js project, where I want to use Google Analytics Ecommerce, but I am getting Missing Ecommerce Data, View is configured for Ecommerce, but no data is flowing. warning message and I don't how to fix this.

E-commerce is enabled in GA

I used this blog post to add GA into Next.js

./lib/gtag.js

when i try to build my project with yarn run build i get errors that are not exist in my code my code is clean it works fine in my local. I've been stuck for two weeks to resolve this problem please help me to solve this problem. this the errors that i get

node version: v10.15.3

webpack: 4.30.0 this is my package.json

I uninstalled the package @toast-ui/react-image-editor from the server side of my react app because I thought the dependency needed to be client side, so I go and install it client side, and reboot the app and it cannot be found.

Heres my basic folder structure

I have the following code in the file where the logo is mentioned:

I am trying to setup a React JSFiddle to include react-image-gallery.

Using UNPKG i've successfully linked to the package:

https://unpkg.com/browse/react-image-gallery@1.0.8/

I'm still stuck on the following:

1. I think i should be referencing a .js file in the package but it isn't clear which one?
2. In the fiddle, should i use the resources option, or, should i include a tag?

HTML is:

I was trying out an image mapper library and found an unexpected behaviour. The handler function handleInc behaves differently depending on whether its triggered by the + button or via clicking on the highlighted area in the image (need to move mouse around in order for highlighted area to appear).

When using + button the behaviour is as expected but when clicking highlighted area in the image, the state variable count doesn't seems to go beyound 1.

What's the reason for behind the same function handleInc behaving differently.

Here is the code (sandbox for the code below)

I'm working react.js image gallery project with this as starter. There is a Settings field to customize the gallery performance. I am showing this setting on the right side of the screen when in Full screen mode as like as below image.

.

By the way, the 2 input elements don't work as if they were disabled. (mouse clicking, typing any keyboards), I can't do anything with these inputs.

I know that Using the Fullscreen API in web browsers, for security reasons, most keyboard inputs have been blocked in the Full screen mode. To fix this problem I tried use Element.ALLOW_KEYBOARD_INPUT in my code.

I have a react app where I am using 'react-image-pan-zoom-rotate' for showing images.

https://github.com/mgorabbani/react-image-pan-zoom-rotate

I basically have a url of external service that provides the image which I am passing to both of the below libraries to render the image.

Recently I have started facing a issue(only in Chrome) where if the cache is disabled, then whenever i click on the image in browser or use any controls provided by this component it rerenders it which results in another call to the external image server. And this happens whenever i click/interact with the image or the view generated by the above react library.

Now I have started using https://github.com/theanam/react-awesome-lightbox/blob/master/src/index.js and it does not have any such issues with cache disabled.

Any idea why this could be happening ?