또 useEffect에러이다....ㅋㅋ 저번에도 비슷한 에러를 겪은것 같은데...어디서 숨어있다 이제
나타난 거니.....에러 내용은 이렇다
Warning: An effect function must not return anything besides a function, which is used for clean-up.%s%s, It looks like you wrote useEffect(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately: useEffect(() => { async function fetchData() { // You can await here const response = await MyAPI.getData(someId); // ... } fetchData(); }, [someId]); // Or [] if effect doesn't need props or state
에러가 난 곳의 코드는 이렇다.
useEffect(async () => { await Font.loadAsync({ "글씨체": require('../../../assets/fonts/글씨체.ttf'), "볼드글씨체": require('../../../assets/fonts/볼드글씨체.ttf'), }); setIsReady(true); }, []);
수정 후
// 생략 useEffect(() => { reqFont() setIsReady(true) }, [])
비동기 함수를 호출만 하게 바꿔 주었다. 다시는 실수 하지 말자!!