“从不”类型上不存在属性“setTabChange”。 (React hooks Typescript) 使用 ref

Question

While calling child component function from parent component usingref(ref.current?.setTabChange()) .

Property 'setTabChange' does not exist on type 'never'.

Using react typescript.

Parent Component :

const ref = useRef();

<Tabs ref = {ref} selectedTabIndex={ data.isevaluation === "true" ? 2 : tabIndex !== -1 ? tabIndex : 0} onTabChange={() => {ref.current?.setTabChange()}} >

Child Component :

const setTabChange = () => {
  setSelectedIndex(selectedTabIndex);
};

useImperativeHandle(ref, () => {
  return {
    setTabChange: setTabChange
  };
});

Answer 1

As useRef is generic when it is used with TypeScript, you have to define the referenced element type like const ref = useRef<Type>();

So to fix this error you can define the ref like

const ref = useRef<any>();