Zenn
Open1

react-intersection-observer の useInView と @typescript-eslint/recommended-type-checked

React
TypeScript
ESLint
ピン留めされたアイテム
shinkatz104shinkatz104

https://zenn.dev/castingone_dev/articles/0a88b85cfa7fe3

package

https://github.com/shinkatz104/t3-blog-app/blob/main/package.json#L38

eslint

https://github.com/shinkatz104/t3-blog-app/blob/main/.eslintrc.cjs#L12-L14

code

https://github.com/shinkatz104/t3-blog-app/blob/main/src/components/post/infinitePostsWithScroll.tsx#L10

error

Unsafe assignment of an error typed value.eslint@typescript-eslint/no-unsafe-assignment
Unsafe call of an `error` type typed value.eslint@typescript-eslint/no-unsafe-call

逃げ

https://github.com/shinkatz104/t3-blog-app/blob/main/src/components/post/infinitePostsWithScroll.tsx#L9-L10
https://github.com/shinkatz104/t3-blog-app/blob/main/src/components/post/infinitePostsWithScroll.tsx#L57-L58
or

"plugin:@typescript-eslint/recommended"

でスルーする感じ？

https://zenn.dev/sushidesu/articles/you-should-use-recommended-type-checked-config

ハマっていろいろ調べてはみたものの、ライブラリの型から逃げずに回避する方法見つけられず...