Ответ axios, как использовать в компоненте React с useeffect

Question

Браузер выводит null Item.js:23 {path: "/item/:id", url: "/item/0", isExact: true, params: {…}} Item.js:13 {id: 0, name: "Exide", цена: "10000", описание: Array(2), скидка: 5}

как получить доступ к значению батареи с сервера в компоненте реакции? `
import React, {useEffect} из 'react' import PropTypes из 'prop-types' import axios из 'axios'

const Item = ({совпадение}) => {

var battery=null
useEffect(() => {

    const getBattery = async(id) =>{
        try {
            let res=await axios.get("/battery/"+id)
            console.log(res.data)
            var battery=res.data;
        } catch (err) {
            
        }

    }
    getBattery(match.params.id)
    console.log(battery)

    console.log(match)
}, [])
return (
    <div>
        
    </div>
)

}

Item.propTypes = {

}

экспортировать элемент по умолчанию `