Reactstrap: Spinner is not exported from 'reactstrap'

[juan-carlos-correa]

• components: Spinner
• reactstrap version 7.0.2
• import method umd/csj/es
• react version 6.7.0
• bootstrap version 4.2.1

What is happening?

I do

import { Spinner } from 'reactstrap';

and use it in render method like

<Spinner color="primary" />
according to the doc https://reactstrap.github.io/components/spinners/

What should be happening?

I expected view the Spinner component.

I checked node_modules/reactstrap/src/index.js but Spinner is not exported.

Steps to reproduce issue

1. setup reactstrap
2. in any component, do import { Spinner } from 'reactstrap';

Error message in console

./src/Auth/Components/SignupForm.js
Attempted import error: 'Spinner' is not exported from 'reactstrap'.

Code

import { Spinner } from 'reactstrap';

[gergely-nagy]

It hasn't been released yet.
The documentation runs ahead of the releases.
https://github.com/reactstrap/reactstrap/issues/1361#issuecomment-453154819

[gergely-nagy]

released in 7.1.0

[Toyurc]

Hi @gergely-nagy , I just updated my reactstrap to 7.1.0 and I am still getting the error about Spinner not being exported

[AbdullAlSaleh]

when are you going to release the spinner?

[gergely-nagy]

It works fine for me.
@Toyurc try to reinstall your dependencies!
rm -rf node_modules && npm i

Here is a basic example. Hope this helps!
https://stackblitz.com/edit/reactstrap-1366?file=Example.js

[tmhn]

I'm having a similar issue. Looking at the node_modules/reactstrap/src/index.js file, the Spinner is exported and it can be required into my app without issue from Webpack. When I try to view the page in Chrome and looking at the Dev Tools, it shows that there is markup there, however, the CSS for the spinner isn't present like it is when viewing the Dev Tools for the Reactstrap docs site. I've imported the bootstrap minified CSS file at the root of my app, so I'm not too sure what the issue is?

[gergely-nagy]

@tmhn which Bootstrap version are you using?
Spinners was added since v4.2.0!

[tmhn]

@gergely-nagy That was it, thanks!

[julienjules]

Hi there!
I face the same issue!
I reinstalled my dependencies as @gergely-nagy advise but the spinner doesn't still appear!
My reactstrap version "7.1.0"

[julienjules]

Hi there!
I face the same issue!
I reinstalled my dependencies as @gergely-nagy advise but the spinner doesn't still appear!
My reactstrap version "7.1.0"

Solved by running commands:
npm install bootstrap --save
npm install --save reactstrap react react-dom
and then npm audit fix --force

[andresebr]

Still no luck using reactstrap v.8.0.0 and bootstrap v.4.3.1. Beside of Spinner, I'm having a similar issue with UncontrolledCollapse 😕

[TheSharpieOne]

check the output of npm ls reactstrap

[andresebr]

[TheSharpieOne]

🤷‍♂ https://stackblitz.com/edit/reactstrap-v8-1kmzbs?file=Example.js

[ndanielsen]

Upgrading to "bootstrap": "4.3.1" solved this for me

[ishwarchandratiwari]

@tmhn which Bootstrap version are you using?
Spinners was added since v4.2.0!

@tmhn which Bootstrap version are you using?
Spinners was added since v4.2.0!

Thanx you saved my day

[Saibamen]

Spinner not include _spinners.scss: https://github.com/reactstrap/reactstrap/issues/1651