Component definition is missing display name 에러

import React from "react";

const Search = React.forwardRef<HTMLInputElement>((props, ref) => {
  return <input ref={ref} type="search" />;
});

// displayName을 준다.
Search.displayName = "Search";

export default Search;

Component definition is missing display name react/display-name

eslint에서 오는 오류로 이름이 없으면 리턴되는 인풋(사진)값만을 출력하기 때문에 디버깅이 어려워진다. 따라서 출력될 이름을 주면 해결된다.

https://stackoverflow.com/questions/67992894/component-definition-is-missing-display-name-for-forwardref