Component definition is missing display name
๐งย ๋ณด์ฌ์ง ์ด๋ฆ์ด ์๋ค๋ ํ์ ์คํฌ๋ฆฝํธ ์๋ฌ๋ก ๊ทธ๋ฅ ์ปดํฌ๋ํธ ์ด๋ฆ๊ณผ ๊ฐ์ ๋ฌธ์์ด์ ์๋์ ๊ฐ์ด ๋ฃ์ด์ฃผ๋ฉด ๋๋ค.
// Input.tsx
Input.displayName = "Input";
๐ Component definition is missing display name for forwardRef
'error' is of type 'unknown'.
โ error: AxiosError
ํ์
์ ์ง์ ํด์ฃผ๋ฉด ๋ ๋ค๋ฅธ ์๋ฌ ๋ฐ์
Catch clause variable type annotation must be 'any' or 'unknown' if specified.
๐งย ํ์ ๋จ์ธ์ผ๋ก error๋ฅผ ๋ค์ ๋ณ์๋ก ์ ์ธํด์ค ํ, property๋ฅผ ์ฌ์ฉํ๊ณ ์ ํ ๋ ์ต์ ๋์ฒด์ด๋์ ๊ฑธ์ด์ฃผ๋ฉด ๋๋ค.
try {
...
} catch (error) {
const err = error as AxiosError;
if (err.response?.status === 401) {
console.log(err.response?.status);
}
}
๋๋ ์๋์ ๊ฐ์ if๋ฌธ์ ํตํด AxiosError
์ธ์ง ํ๋ณ ํ์ ์ฒ๋ฆฌ๋ ๊ฐ๋ฅํจ
try {
...
} catch (error) {
if (axios.isAxiosError(error)) {
setErrorMessage(String(error.response?.data));
}
}
๐ axios Error typescript, annotation must be 'any' or 'unknown' if?
๐ https://github.com/axios/axios/issues/3612
Argument of type 'unknown' is not assignable to parameter of type 'SetStateAction<string>'.
type์ด String์ด์ฌ์ผ ํ๋๋ฐ unknown์ด์ฌ์ ๋ฐ์ํ๋ ์๋ฌ๊ฐ๋ค.
๐งย String()
์ ํตํด ๋ฌธ์์ด๋ก ๋ณํํด์ฃผ๋๊น ํด๊ฒฐ!
setErrorMessage(err.response?.data); // <- error code
// ====> solving error!
setErrorMessage(String(err.response?.data));
๐ https://github.com/Buuntu/fastapi-react/issues/168
The expected type comes from property 'children' which is declared here on type 'DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>โ
๐งย root tag๋ฅผ <div>
โ <>
fragment tag๋ก ์์ ํ๋๊น ํด๊ฒฐ!
<div> // <- error code
<div>{userInfo.name}</div>
...
{data.map((el) => {
<div key={el.sabun}>{el.sabun}</div>;
})}
</div>
// ====> Solving error
<> // <- fix
<div>{userInfo.name}</div>
...
{data.map((el) => {
<div key={el.sabun}>{el.sabun}</div>;
})}
</>