TypeError: Object(...) is not a function React.js

Question

[![enter image description here][1]][1]Filename : productScreen.js

Error : line 6 - TypeError: Object(...) is not a function

Path :src/Screens/ProductScreen.js

Code as follows:

  3 | import { Link } from "react-router-dom";
  4 | import { detailsProduct } from "../actions/productActions";
  5 | function ProductScreen(props){
  >6|     const productDetails= useSelector(state => state.productDetails);
  7 |     const {product , loading , error} = productDetails;
  8 |     const dispatch = useDispatch();
  9 |     useEffect(()=>{
  10|          dispatch(detailsProduct(props.match.params.id));
  11|         return () => {
  12|        };
  13|    } , [])

Filename : store.js

Path : src/store.js

Code as follows:

    1|const initialState = {}
    2|const reducer = combineReducers({
    3|productList: productListReducer,
    4|productDetails: productDetailsReducer
    5| })
    6|const composeEnhancer = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
    7|const store = createStore(reducer , initialState , composeEnhancer(applyMiddleware(thunk)));
    8|export default store;

Filename : index.js

Path :src/index.js

Code as follows:

    ReactDOM.render(
    <Provider store = {store}>
    <App />
    </Provider>,
    document.getElementById('root')
    );
    serviceWorker.unregister();

All imports are made correctly

Can you recreate the issue on codesandbox.io? What you shared seems ok — Dennis Vash
– Dennis Vash, Commented May 31, 2020 at 6:57
How are you importing useSelector? Please include the missing lines 1 and 2 in your ProductScreen component. See example usages from React Redux docs. — segFault
– segFault, Commented May 31, 2020 at 14:23
You seem to have imported useSelector from react-dom. You need to import it from react-redux library — Akhilesh
– Akhilesh, Commented May 31, 2020 at 14:45

Ioannis Potouridis · Accepted Answer · 2020-05-31 14:26:35Z

1

It seems that you're missing useSelector import statement.

Add import { useSelector } from "react-redux"; in your ProductScreen.js file.

answered May 31, 2020 at 14:26

Ioannis Potouridis

1,3366 silver badges8 bronze badges

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

Collectives™ on Stack Overflow

TypeError: Object(...) is not a function React.js

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