react-select library dependencies in .net core

Question

I am new to react I am using react libraries by including them in my _Layout.cshtml So i am not able to use the multi select react dropdown from the react-select library I added some dependencies for react-select but i still got the error “uncaught referenceerror : Select is not defined “ If anyone can help

screeshot of my code and the error

in the _layout page:

<!-- React Libraries -->
<script src="~/js/react.development.js" crossorigin></script>
<script src="~/js/react-dom.development.js" crossorigin></script>
<script src="~/js/babel.min.js"></script>
<script src="~/js/emotion.js"></script>
<script src="~/js/memoize-one.js"></script>
<script src="~/js/prop-types.js"></script>
<script src="~/js/react-input-autosize.min.js"></script>
<script src="~/js/react-transition-group.js"></script>
<script src="~/js/axios.min.js"></script>
<script src="~/js/react-select.js"></script>

in js file :

<div className="col-lg-6">
                    <label className="font-weight-bold text-dark col-form-label form-control-label text-2">
                        Industries you are interested in </label>
                    <Select id="ddlIndustry" value={industry || ''} className="form-control multi-select" isMulti
                        onChange={e => mutipleSelect(e.target.value)} multiple>

                        <option value="-1">-- Select Industry you are intrested in --</option>
                        {industries.map(industry => (
                            <option value={industry['businessSectorId']} key={industry['businessSectorId']}>
                                {industry['name']}
                            </option>
                        ))}
                    </Select>
                </div>

Remark i am using the tag select with capital s Because i read that i should use the capital s not the small s