При использовании useState получаю ошибку?

Question

[MarEeeeee]

Пытаюсь реализовать некоторые функцонал с использование useState, но стоит мне включить в код строку
const [ currVal, setCurrVal ] = React.useState(0);
как я начинаю получать ошибку

default.a.useState is not a function or its return value is not iterable

не могу понять в чем дело.
useState импортирую из 'react'

Comments

[Demian Smith]

Какая у вас версия реакта?

[MarEeeeee]

Demian Smith,

"dependencies": {
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.3",
    "@testing-library/user-event": "^12.6.2",
    "bootstrap": "^4.6.0",
    "react": "^16.14.0",
    "react-bootstrap": "^1.5.2",
    "react-dom": "^16.14.0",
    "react-elastic-carousel": "^0.11.1",
    "react-redux": "^7.2.2",
    "react-scripts": "4.0.1",
    "redux": "^4.0.5",
    "styled-components": "^5.2.1",
    "web-vitals": "^0.2.4"
  },

[MarEeeeee]

hellcaster, у меня именно так, но не работает

[MarEeeeee]

hellcaster,

import React from "react-dom"
import {changeLoadingStatus} from "./redux/action"
import {connect,useDispatch} from 'react-redux';
import {useEffect} from 'react'
import {useState} from 'react';
import Counter from './Counter'


const Main =  () => {
   const [ currVal, setCurrVal ] = React.useState(0);
    
    return(
        <section className = "main-block">
            <div  className = "main-block__content">
                <svg  viewBox="-45 -50 90 90" width="370" height="370" >
                    <defs>
                        <polygon id="fig"
                                className="main__logo"
                                style={{stroke: "rgb(0, 0, 0)", fill: "rgb(235, 11, 11)", width:"1000px", height:"1000px"} }
                                transform="translate(-185,-163)"
                                points="190.492 149.86 186.232 156.783 195.951 174.49 155.412 174.823 160.204 182.811 209.797 182.744">
                        </polygon>
                        <text x="-50" y="-55">This is Scalable Vector Graphic (SVG) Text</text>  
                    </defs>

                    <use href="#fig"></use>
                    <use href="#fig" transform="rotate(-120)"></use>
                    <use href="#fig" transform="rotate(120)"></use>

                    {/* <path d="M-10,0h20M0,-10v20" stroke="blue"></path> */}

                </svg>
                <div className = "main-block__text"></div>
                <span className = "main-block__pre-title">Общество с ограниченной ответственностью</span>
                <h1 className = "main-block__title"></h1>
                <span className = "main-block__ogrn-inn"> ОГРН:0/ИНН:5</span>
     
            </div>
            <div className = "main-block__achivments">
                    <div className = "main-block__achivment">
                        <p>Санитарно защитных зон</p>
                        <p></p>
                    </div>
                    <div className = "main-block__achivment">
                        <p>Межевых планов</p>
                        {/* <Counter/> */}
                    </div>
                    <div className = "main-block__achivment">
                        <p>Технических планов</p>
                        <p>98</p>
                    </div>
                </div>
            <div className = "main__background"></div>
            
            <iframe className = "main-block__video" src="https://www.youtube.com/embed/xHYyQka2Z7Y?autoplay=1&mute=1&enablejsapi=1?controls=0&loop=1" frameborder="0" allow="autoplay loop" loop="true" muted="muted"></iframe>
            
        </section>
    )
}

const mapStateToProps = state => {   //delete
    return {
        isLoading: state.items.isLoading
    }
}


export default connect(mapStateToProps,null)(Main)

[MarEeeeee]

hellcaster, Тьфу, все заработало. Спасибо!