Error

Array.prototype.map() expects a return value from arrow function array-callback-return

해결

map 사용법에는 두 가지가 있습니다.

1) array.map((data) ⇒ ( ))
2) array.map((data)) ⇒ {return})

첫 번째 방식은 로직을 사용하지 않고 바로 렌더링 할 부분이 들어갈 때 사용하며,
두 번째 방법은 렌더링 할 부분은 return 뒤에 넣어주고 그 앞에 변수 선언이나 조건을 처리할 때 사용합니다.

기존 코드에는 return 하는 부분이 없어서 warning이 발생하게 되었습니다. return을 하고 싶지 않고 로직을 사용하고 싶다면 map 대신에 forEach를 사용하면 됩니다.

before

resultArray.map((item) => {
    if (
        item.capabilityName === 'latitude' &&
        item.dataType === 'number'
    ) {
        temp.push({ latitude: 'number' })
    } else if (
        item.capabilityName === 'longitude' &&
        item.dataType === 'number'
    ) {
        temp.push({ longitude: 'number' })
    }
})

after

resultArray.forEach((item) => {
    if (
        item.capabilityName === 'latitude' &&
        item.dataType === 'number'
    ) {
        temp.push({ latitude: 'number' })
    } else if (
        item.capabilityName === 'longitude' &&
        item.dataType === 'number'
    ) {
        temp.push({ longitude: 'number' })
    }
})

참조

https://stackoverflow.com/questions/73254942/how-do-i-fix-array-prototype-map-expects-a-return-value-from-arrow-function-ar

https://www.inflearn.com/questions/594557