警告：forwardRefレンダリング関数はpropTypesまたはdefaultPropsをサポートしていません。誤ってしましたか

問題：

警告：forwardRefレンダリング関数はpropTypesまたはdefaultPropsをサポートしていません。誤ってReactコンポーネントを渡しましたか？

分析

理由：forwardRefは、ステートレスコンポーネントのdefaultPropsプロパティとpropTypesプロパティを無効にします。

import React, {
    
    forwardRef} from 'react';

function A(props, ref) {
    
    
	return null;
}

A.defaultPorps = {
    
    

}
export default forwardRef(A);

解決する：

import React, {
    
    forwardRef} from 'react';

const A = forwardRef((props, ref) => {
    
    
	return null;
})

A.displayName = 'A';
A.defaultPorps = {
    
    

}

export default A;

問題

https://github.com/facebook/react/issues/16653
https://stackoverflow.com/questions/59716140/using-forwardref-with-proptypes-and-eslint