Use react-redux useSelector with typescript

Question

When trying to use the new useSelector hook (see below example) of react-redux typescript gives an error that the function does not exist:

Module '"../../../node_modules/@types/react-redux"' has no exported member 'useSelector'.  TS2305

Example:

import * as React from "react"
import { useSelector } from "react-redux"
import { Message } from "./Message"

export const MessageContainer = () => {
  const searchValue = useSelector((state) => state.search)
  return (
    <Message searchValue={searchValue} />
  )
}

Used versions: "react-redux": "^7.1.0-alpha.5" "@types/react-redux": "^7.0.9"

Typescript has not updated yet. You're using @types/react-redux which has 7.0.9 version. These hooks were added in 7.1.0. — Blue
– Blue, Commented May 20, 2019 at 15:21
Since it's currently the latest version of the types, is there any workaround to import the function and avoid the error? — Martin Fahl
– Martin Fahl, Commented May 20, 2019 at 15:32
Apparently a temporary fix can be done by adding the module definition yourself: github.com/DefinitelyTyped/DefinitelyTyped/pull/… — Martin Fahl
– Martin Fahl, Commented May 21, 2019 at 10:05

TalOrlanczyk · Accepted Answer · 2020-11-11 12:37:30Z

0

the code below took from redux doc itself about typescript
typescript redux offical

interface RootState {
      isOn: boolean
    }

// TS infers type: (state: RootState) => boolean
const selectIsOn = (state: RootState) => state.isOn

// TS infers `isOn` is boolean
const isOn = useSelector(selectIsOn)

as it says before the hooks been added later but you better write Selector like this if you use the hooks

answered Nov 11, 2020 at 12:37

TalOrlanczyk

1,2139 silver badges21 bronze badges

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

Comments

Daisi · Accepted Answer · 2025-06-07 20:49:37Z

0

As of now, your react-redux version is old. useSelector was added in 7.1.0 stable. You can fix now by upgrading both packages.

npm install react-redux@^7.2.0 @types/react-redux@^7.1.9

The useSelector should work with typescript.

answered Jun 7 at 20:49

Daisi

2,5881 gold badge16 silver badges19 bronze badges

Collectives™ on Stack Overflow

Use react-redux useSelector with typescript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related