• Home
  • React forwardref property does not exist on type intrinsicattributes

React forwardref property does not exist on type intrinsicattributes

In React, the forwardRef is a higher-order component (HOC) that allows developers to forward a reference to a child component. This reference can be used to access the child component’s DOM node, which can be useful for certain scenarios such as triggering focus or measurement.

The error message “react forwardref property does not exist on type intrinsicattributes” is typically seen when the developer is trying to use forwardRef but it has not been imported from the react module. To fix this issue, the developer needs to make sure that forwardRef is imported from the react module at the top of the file:

import { forwardRef } from 'react';

When using forwardRef, it is important to make sure that the component being wrapped is a functional component and not a class component, as the forwardRef function only works with functional components.

When passing a component with a ref attribute wrapped with forwardRef component, you need to call the component with ref as an attribute:

const MyComponent = forwardRef((props, ref) => {
// ...
return <div ref={ref}>...</div>
})

It is also important to make sure that the component you are wrapping with forwardRef does not already have a ref prop, as this can cause conflicts.

forwardRef is a powerful feature that can be used in many scenarios, but it’s important to make sure that you understand how it works and how to use it correctly to avoid this error.