dmitrymorozoff / react-spinners-kit Goto Github PK

module not found: Can't resolve 'styled-components' in '/Users/***/node_modules/react-spinners-kit/lib'

I am getting the following error while running in my reactjs web application

any help appreciated

Please add a text prop for each spinner, so that the users can add some texts along with the spinners. It can be helpful and can serve as an enhancement to the module.

Hi, loaders are nice, but your library is single js file.

Size of this library is really bad. If i include just one component, it will bundle 117.6 kB of JS.

https://bundlephobia.com/[email protected]

So please build this library as es-modules

I don't know the best way to explain this but if you open the examples page on ie11 and scroll down to the metrospinner. You will see that its rotating in a circle around an axis, but if you open this same screen in Chrome it is fixed to that axis.

Please add v4 support for styled components.

If it's already supported, please just change the peerDependencies entry to 2.x || 4.x to fix the npm warnings when installing react-spinners-kit. (Note that the current ^2.x does not include v4 in its range.)

How to apply inline style? I'm using the react spinner like this:

<MetroSpinner size={80} color="#686769" loading={true} />

When I tried to run project on my local system then I am getting this error and when I tried to install dependencies I am getting this

npm ERR! code 1
npm ERR! path C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\weak-napi
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c C:\Users\hriti\AppData\Local\Temp\install-4941a5d3.cmd
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: C:\Program Files\Python39\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack File "", 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: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:400:12)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28)
npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1093:16)
npm ERR! gyp ERR! stack at Socket. (node:internal/child_process:451:11)
npm ERR! gyp ERR! stack at Socket.emit (node:events:513:28)
npm ERR! gyp ERR! stack at Pipe. (node:net:757:14)
npm ERR! gyp ERR! System Windows_NT 10.0.22000
npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\node-gyp\bin\node
-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd C:\Users\hriti\OneDrive\Desktop\Open source\react-spinners-kit\node_modules\weak-napi
npm ERR! gyp ERR! node -v v16.17.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\hriti\AppData\Local\npm-cache_logs\2022-12-29T05_36_39_005Z-debug-0.log

Hey, awesome project and really love the spinners!
Since I'm using styled-components on my project I get an error becuase react-spinners-kit ships it's own version of styled-components. Resulting in having two different versions of styled components installed.
To resolve this the following packages need to be moved from dependencies to both peerDependencies and devDependencies:

prop-types,
react,
react-dom,
styled-components

I am using this library as a dependency for a private npm package I am developing. I noticed I was having an issue developing my package locally because a dependency kept installing React when I did an npm install. This caused conflicts between my developer environment and local package. A symlink is usually used for both local projects to prevent this conflict. Upon further research I discovered 'react-spinners-kit' has react and react-dom in the dependencies which is causing it to automatically install. I believe best practice is to have it in peer dependencies and not dependencies.

In the readme, the props are capitalized. I think all props are lowercase. Like for example the proptype color is not 'Color' but its 'color'. This confused for about 10 minutes. Would be better if we change the readme to lowercase. I know its obvious that it would be lowercase, but just putting it out here in case anyone might need it.

consider exporting everything as a styled custom component to allow me to do something like

styled.div`
  ${ImpulseSpinner} {
    position: absolute;
    width: 100%;
    height: 100%;
  }
`

it is possiible to enbale compatibiliy with react-native?

I got the following error

undefined is not an object (evaluating 'u.default.div.withConfig')

Please add support for styled components 5.

Contains a critical vuln:

Critical: Arbitrary Code Execution  
Package: eslint-utils 
Dependency of: eslint [dev]   
More info: https://npmjs.com/advisories/1118  

please remove and update

npm audit

npm audit fix --force