Error: Cannot find module "react-select/dist/react-select.css"

I’m using the following code from the Usage section to add a react-select component to my react js app component:

import Select from 'react-select';

Here is my code:

        let options = [
            { value: 'value1', label: 'value 1' },
            { value: 'value2', label: 'value 2' },
            { value: 'value3', label: 'value 3' },
        ];

        return (
            <div>
                <Select
                    name="item-selector"
                    value='value 1'
                    options={options} />
            </div>
        )

And unable to load it with the following console error:

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of t.

I’ve also tried to include CSS as per guide:

// Be sure to include styles at some point, probably during your bootstrapping
import 'react-select/dist/react-select.css';

and failed with a not found error in console. Please advise.

[Alejandrokbo]

I have the same problem, when I go to the dir node_modules/react-select/dist/ there is missing the react-select.css archive. And the official page the source link has a rotund error 404. What can I do? Besides make by myself the stylesheet?

[MrLeebo]

@alexeystrakh The first error looks more like a problem with your component (is that component t?), but I guess you could console.log(Select) to confirm if it is null/undefined.

Regarding the CSS, you could try

import 'node_modules/react-select/dist/react-select.css';

Or add one or more ../ to the front if your component is in a subfolder until you get to the parent folder where node_modules resides.