Simple React useRef example errors

Question

Having such a simple React App:

import React, { useState, useEffect, useRef } from "react";
import ReactDOM from "react-dom";

function App() {
  const [inputValue, setInputValue] = useState("");
  const count = useRef(0);

  useEffect(() => {
    count.current = count.current + 1;
  });

  return (
    <>
      <input
        type="text"
        //value={inputValue}
        //onChange={(e) => setInputValue(e.target.value)}
      />
      <h1>Render Count: {count.current}</h1>
    </>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

I'm getting en errors:

(0 , _react.useState) is not a function (0 , _react.useRef) is not a function

What Am I doing wrong?

Are you using the same version of react and react-dom on your package.json? — mc-user
– mc-user, Commented May 3, 2022 at 10:28
@mchowdam Yes, the same both are 16.5.2. Btw I'm running the code on the codesandbox. — darro911
– darro911, Commented May 3, 2022 at 10:30

mc-user · Accepted Answer · 2022-05-03 10:37:35Z

1

React hooks are introduced in 16.8 version. So you can't use useState, useEffect and any hooks in <16.8 version on react.

Documentation

answered May 3, 2022 at 10:37

mc-user

2,1114 gold badges17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Simple React useRef example errors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related