반응형 React4 another-multi-provider 사용시 타입에러 import MultiProvider from 'another-multi-provider'; 아래처럼 문제가 발생을 하는 경우가 있다. 결국 타입이 제대로 지정이 안되었다고 해서 아래처럼 타입을 정리만 하면 된다. Type '{ children: Element; providers: FC[]; }' is not assignable to type 'IntrinsicAttributes & MultiProviderProps'. Property 'children' does not exist on type 'IntrinsicAttributes & MultiProviderProps'.ts(2322) 결국 위 내용은 children이라는 타입이 없다는 것이라서 타입을 만들어서 선언을 해줬다. declare module.. 2023. 4. 30. NextJS에서 로그인 유지하기 현재 개발을 하다보니 로그인 후에 잠깐 로그인에 대한 상태가 초기화 되는 문제가 있었다. 정확히 말하자면 로그인은 되어있고, context에 상태가 정상적으로 저장되어있는데, 새로고침시 잠깐씩 isLogined가 false로 나오는 문제였다. 당황을 한 이유는 로그인이 되어 있지 않다면 로그인 페이지로 이동을 시켰는데, 정상적인 로그인이 되어 있어도 잠깐의 상태변화로 페이지 이동이 되어버리는 버그가 있었다. 그래서 상태는 잘 관리가 되고 있으니, 다른 페이지에서 token을 가지고 있는지 확인을 하여, 체크를 하는 방식을 끼워 넣었다. 일단 문제 없이 돌아가는데, 조금 지저분해보여서 추후에 수정을 해야겠다. useEffect 부분에서 토큰이 존재하는지 체크하기로 했다. export default func.. 2023. 4. 26. use-hook-form 예시 만들어 놓기 const schema = yup .object() .shape({ userId: yup.string().required(), userPassword: yup.string().min(7).max(12).required(), userPasswordConfirm: yup .string() .oneOf([yup.ref('userPassword')], 'Passwords must match'), email: yup.string().email('Invalid email').required(), }) .required(); interface SIGNUP_TYPE { userId: string; userPassword: string; userPasswordConfirm: string; email: string; } .. 2023. 4. 25. useMemo 에 대한 정리 PS. 간만에 시간이 나서 계속 눈으로만 보던 정보들을 정리 [영어 원문](https://javascript.plainenglish.io/stop-using-usememo-now-e5d07d2bbf70?gi=5f63e57e7141) [읽은 글 링크](https://velog.io/@lky5697/stop-using-usememo-now?utm_source=substack&utm_medium=email) `useMemo`를 이용하면서 나도 무분별하게 사용을 했던 일들이 많았다. 특히나 문제가 있었던 이유가 랜더링이나 연산이냐를 두고 혼자 고민을 해서 `내 기준`으로 사용을 했던 것 같다. 근데 요새 많은 기술 블로그에서 나오는 글들을 공장에서 눈으로만 읽었는데, 추후에 또 분명!! 읽을 것 같아서 대략 요.. 2023. 4. 14. 이전 1 다음 반응형
