Please add 'How to contribute' documentation or something like that so developers who want to contribute can do so.

Hey there,
I am getting an error while npm install and npm run start command

getting an error when I do run npm install
npm ERR! code 1
npm ERR! path D:\reactJS\reactreductionmaster\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js

getting an error when I do run npm run start

Error: Cannot find module 'D:\reactJS\reactreductionmaster\node_modules\react-scripts\bin\react-scripts.js'

on clicking any option in account section and hovering over its next option the border become invisible.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^16.8.4" from the root project
npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0-beta || ^16.0.0" from [email protected]
npm ERR! node_modules/react-chartjs-2
npm ERR! react-chartjs-2@"^2.7.4" from the root project
npm ERR! 11 more (react-dom, react-component-queries, react-sizeme, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.0 || ^15.0.0" from [email protected]
npm ERR! node_modules/recompose
npm ERR! recompose@"^0.22.0" from [email protected]
npm ERR! node_modules/react-infinite-calendar
npm ERR! react-infinite-calendar@"^2.3.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /home/hicham/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/hicham/.npm/_logs/2021-02-13T07_10_35_076Z-debug.log

After deploying to Firebase the web app is redirecting to https://reduction-admin.github.io/react-reduction/.
How to stop this??

I trying create a project using vite and Modal don't open.

I used sample in this storybook.

hi
i really dont understand github :|
why when i donload template.
i see just js and dont see html css and js all togather ?
why ?

When taking a build using "npm run build" and placing the Build in Root of Tomcat and running it. It gives 404 on requests https://reduction-admin.github.io/react-reduction/static/js/main.24564f9f.chunk.js and https://reduction-admin.github.io/react-reduction/static/js/2.f4291240.chunk.js.

Why is that.. and what is the solution for it ??

After build the project using npm build, when I deploy that build to server, It doesnot Load the page, its shows error in console, I think its only deployed to github or problem with .env and .env.production file
url : https://afbase-aflog.firebaseapp.com/
error shown in console:

A cookie associated with a cross-site resource at http://reduction-admin.github.io/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
6(index):1 GET https://reduction-admin.github.io/react-reduction/static/css/6.fb95f834.chunk.css net::ERR_ABORTED 404
(index):1 Mixed Content: The page at 'https://afbase-aflog.firebaseapp.com/' was loaded over HTTPS, but requested an insecure font 'http://db.onlinewebfonts.com/t/0209bfe594ed24b75ee2aac06529e4f9.woff2'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://afbase-aflog.firebaseapp.com/' was loaded over HTTPS, but requested an insecure font 'http://db.onlinewebfonts.com/t/0209bfe594ed24b75ee2aac06529e4f9.woff'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://afbase-aflog.firebaseapp.com/' was loaded over HTTPS, but requested an insecure font 'http://db.onlinewebfonts.com/t/0209bfe594ed24b75ee2aac06529e4f9.ttf'. This request has been blocked; the content must be served over HTTPS.
2(index):1 GET https://reduction-admin.github.io/react-reduction/static/js/6.0d49ce90.chunk.js net::ERR_ABORTED 404
(index):1 Unchecked runtime.lastError: The message port closed before a response was received.
manifest.json:1 Manifest: property 'start_url' ignored, should be same origin as document.

Please Help

I'm not quite sure if it's helpful to implement flow.

If anyone has an idea, please let me know.

On the dashboard page, in the card, if the property is set col-lg-12 the on clicking the toggle the char is overflowing from the page.

Screenshot attached. Sorry I've not had any time to look at why. Thought it would be worth mentioning :)

Hi,
Thanks for making this beautiful template, And hopefully you guys still keep this project alive.
My current issue is I am unable to catch all unregistered react-router path to handling 404 page.
The React.suspense always include the when rendering the 404 page which will show the navbar and sidebar.

I have tried to use the with path='*' and it successfully renders the 404 page without , but it will always go to the 404 page even when we access the registered Route path.

Thanks for your response

tried npm 18.16.1 & 14.21.3 , same error
'gyp verb which failed Error: not found: python2'

E:\h5\react-reduction>yarn install
yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "[email protected] - 3".
warning " > [email protected]" has unmet peer dependency "popper.js@^1.14.7".
warning "react-infinite-calendar > [email protected]" has incorrect peer dependency "react@^0.14.0 || ^15.0.0".
[4/4] Building fresh packages...
error B:\h5\react-reduction\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: B:\h5\react-reduction\node_modules\node-sass
Output:
Building: C:\Program Files\nodejs\node.exe B:\h5\react-reduction\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'B:\h5\react-reduction\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:13:12)
gyp verb which failed at F (B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:68:19)
gyp verb which failed at E (B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:80:29)
gyp verb which failed at B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:89:16
gyp verb which failed at B:\h5\react-reduction\node_modules\isexe\index.js:42:5
gyp verb which failed at B:\h5\react-reduction\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (fs.js:192:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:13:12)
gyp verb which failed at F (B:\h5\react-reduction\node_modules\node-gyp\node_modules\which\which.js:68:19)

I am unable to get history object and modify Logout feature , i had used below method on Button click:

Great theme! Colors and UI in general looks awesome!
Requesting a couple of example pages such as an inbox, login view maybe a user administration page?

While the user hovers over each of the avatar from the Horizontal Avatar List on the Dashboard, if the hover is in the lower 50% of the circle of Avatar, the tooltip goes on flickering and eventually, the pages gets stuck. I have resolved the same, using minimal independent, modular changes. Please merge if it is suitable.

I Recently deploy fresh new template on firebase and Netlify however only blank page showed, how to fix it?

When the page is empty the footer gets jumped to top i would like to keep the footer at the bottom. Is there any to do it

Actually i changed some css in reduction.css file but its reverted back during the npm start . Why that was happed ?

I found the following error after cloning the code and running npm run start.
./src/App.js
Module not found: Can't resolve 'components/GAListener' in 'xx/xxx/xxx/react-reduction/src/'

However the file does exists but I am not able to find why the error is coming. I tried it on two machines. Both had the problem. Initially I thought it could be machine specific but getting the same error on both the machines, triggered me think that the problem could be something else.

The user card that gets open when clicking on the user avatar on the top right corner, didn't get close when clicking elsewhere on the page.

Step to reproduce the issue:

1. Click on user avatar on the top-right corner, a popup will be opened.
2. Click somewhere else on the page, a popup should be closed.

I tried to add trigger="focus" on popover, but it's not working.

I mean to it.
There are many errors that are occurring during the NPM I command.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"16.8.4" from the root project
npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/react-chartjs-2
npm ERR! react-chartjs-2@"^2.7.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.14.0" from [email protected]
npm ERR! node_modules/react-dom
npm ERR! react-dom@"^16.8.4" from the root project
npm ERR! peer react-dom@"^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0" from [email protected]
npm ERR! node_modules/react-chartjs-2
npm ERR! react-chartjs-2@"^2.7.4" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\PEP\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\PEP\AppData\Local\npm-cache_logs\2021-02-01T11_58_27_586Z-debug.log

While using npm install, I got the following error :-

npm ERR! code 1 npm ERR! path E:\react-templates\react-reduction-master\react-reduction-master\node_modules\node-sass npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:\Program Files\nodejs\node.exe E:\react-templates\react-reduction-master\react-reduction-master\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli 'C:\\Program Files\\nodejs\\node.exe', npm ERR! gyp verb cli 'E:\\react-templates\\react-reduction-master\\react-reduction-master\\node_modules\\node-gyp\\bin\\node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', npm ERR! gyp verb cli '--libsass_ext=', npm ERR! gyp verb cli '--libsass_cflags=', npm ERR! gyp verb cli '--libsass_ldflags=', npm ERR! gyp verb cli '--libsass_library=' npm ERR! gyp verb cli ] npm ERR! gyp info using [email protected] npm ERR! gyp info using [email protected] | win32 | x64 npm ERR! gyp verb command rebuild [] npm ERR! gyp verb command clean [] npm ERR! gyp verb clean removing "build" directory npm ERR! gyp verb command configure [] npm ERR! gyp verb check python checking for Python executable "python2" in the PATH npm ERR! gyp verb whichfailed Error: not found: python2 npm ERR! gyp verbwhichfailed at getNotFoundError (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:13:12) npm ERR! gyp verbwhichfailed at F (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:68:19) npm ERR! gyp verbwhichfailed at E (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:80:29) npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:89:16 npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\isexe\index.js:42:5 npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\isexe\windows.js:36:5 npm ERR! gyp verbwhichfailed at FSReqCallback.oncomplete (node:fs:198:21) npm ERR! gyp verbwhichfailed python2 Error: not found: python2 npm ERR! gyp verbwhichfailed at getNotFoundError (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:13:12) npm ERR! gyp verbwhichfailed at F (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:68:19) npm ERR! gyp verbwhichfailed at E (E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:80:29) npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\which\which.js:89:16 npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\isexe\index.js:42:5 npm ERR! gyp verbwhichfailed at E:\react-templates\react-reduction-master\react-reduction-master\node_modules\isexe\windows.js:36:5 npm ERR! gyp verbwhichfailed at FSReqCallback.oncomplete (node:fs:198:21) { npm ERR! gyp verbwhichfailed code: 'ENOENT' npm ERR! gyp verbwhichfailed } npm ERR! gyp verb check python checking for Python executable "python" in the PATH npm ERR! gyp verbwhich succeeded python C:\Python310\python.EXE npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Command failed: C:\Python310\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack File "<string>", line 1 npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)? npm ERR! gyp ERR! stack npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:397:12) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:390:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1064:16) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5) npm ERR! gyp ERR! System Windows_NT 10.0.19044 npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "E:\\react-templates\\react-reduction-master\\react-reduction-master\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd E:\react-templates\react-reduction-master\react-reduction-master\node_modules\node-sass npm ERR! gyp ERR! node -v v16.13.0 npm ERR! gyp ERR! node-gyp -v v3.8.0 npm ERR! gyp ERR! not ok npm ERR! Build failed with error code: 1

hello, i just downloaded the code. put i have a problem intergrating it to my own project on react js. nothing is displayed

Sorry for asking this, but is this awesome project still alive?

Thanks!

I hate sass