[LAB-5] Recoil atom default value에 인자받는 함수 선언 후 이슈

[seoohyeon]

질문 작성자

김서현

문제 상황

인자를 받는 함수 atom을 만들려하는데, 만들어서 쓰려고하면 계속 아래와 같은 에러가 납니다..

<에러메세지> Argument of type 'any[]' is not assignable to parameter of type '((posts: []) => void) | ((currVal: (posts: []) => void) => (posts: []) => void)'.ts(2345) 오류해결이 되지 않아 질문을 남깁니다.

---

프로젝트 저장소 URL

https://github.com/React-Project-lab5/React-Project-lab5
develop브랜치

• 현재 파일 위치

• src파일 : src.zip

• 로그인은 구글로그인 혹은 아이디 : babjo@naver.com / 비번: aaaa1111 입니다.

• .env파일에 작성하시면 되는 코드를 아래에 적어드립니다.

• .env파일 평소와 바꼈으니 주의바랍니다!!!!!!!!!

VITE_API_KEY = AIzaSyDBWIctC8FjPlqPiJllfsIX_HveGYDD1ao VITE_AUTH_DOMAIN = babjo-life.firebaseapp.com VITE_PROJECT_ID = babjo-life VITE_STORAGE_BUCKET = babjo-life.appspot.com VITE_MESSAGE_SENDER_ID = 1065462580105 VITE_APP_ID = 1:1065462580105:web:a78b340517d5f108ee5758 VITE_MEASUREMENT_ID = G-YFM830245Z VITE_SERVICE_KEY=M4E1Vdrm%2Ba%2FjVfatJPdEbBibLbYBeDaGm7tgF%2BxisSinPYTEEBDkFgSO0gmqjAZGOzfrSffYbsOF3XshtdL6lg%3D%3D VITE_KAKAO_API_KEY=ebf9334d7db030f4f026a0d53f08a62a

환경 정보

• 운영체제 : Windows
• Node.js : v16.14.0
• 라이브러리 : React v18.2.0

[yamoo9]

문제 분석

Recoil 사용법이 잘못되었습니다. Recoil 개념에 대한 공부가 필요합니다.

Recoil 개념 이해

만약 아톰 상태로 함수를 사용하려 시도한 것이라면? https://github.com/yamoo9/likelion-FEQA/issues/295#issuecomment-1504373845 답변 글을 참고하세요.

⚠️ 함수 타입은 상태로서 관리하기 적절하지 않습니다. 모듈로 관리하세요.

export const totalPageNum = (posts: unknown[]): number => {
  return Math.ceil(posts.length / 24);
};