TypeScript type for Ref as argument in React

Question

I have a problem defining type in typescript for ref.

I have questionsRef which is a list of refs.

  const questionsRef = useRef<Array<HTMLDivElement | null>>([]);

I want to pass that questionsRef to the utility function, but Typescript requires the correct type of arguments.

How to define questiosnRef: Type here?

const focusNextQuestion = (questionsRef: any, nextQuestion: any) => {
  if (questionsRef.current) {
   // some code
};

EkkoKo · Accepted Answer · 2021-10-07 13:21:54Z

3

Try this:

React.useRef<Array<React.RefObject<HTMLDivElement | null>>>();

edited Oct 7, 2021 at 13:21

answered Oct 7, 2021 at 13:19

EkkoKo

2101 silver badge5 bronze badges

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

2 Comments

Mark James Over a year ago

Hey @Ekkoko I need defining someting similar to that inside of utility function: const focusNextQuestion = (questionsRef: HERE NEED TO DEINE SAME REF, nextQuestion: any)

EkkoKo Over a year ago

If I understood correctly the type of the questionsRef should be React.RefObject<HTMLDivElement | null>

Collectives™ on Stack Overflow

TypeScript type for Ref as argument in React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related