دریافت اطلاعات توسط axios در dynamic routes

سلام و احترام فراوان خدمت شما استاد بزرگوار

لطفا به قطعه کد توجه فرمائید

    const {id} = useParams();
    const [property, setProperty] = useState({});
    useEffect(()=>{
      const getPropertyData = async ()=>{
          const data = await axios.get(`https://mysite.com/${id}`, axiosConfig.headers)
          setProperty(data)
      }
      getPropertyData()
    },[])

من اول در صفحه اصلی کل اطلاعات گرفتم توسط map در یگ حلقه نشون دادم و هرآیتم رو توسط Link در react router dom به صفحه داخلی مربوط نمایش دادم

2 تا سئوال از حضورتون داشتم

1- آیا این روش اصولی و درست هست

2- چرا عمل نمیکنه و فقط مقدار اولیه state که {} هست رو بر میگردونه و انگار state بروز نمیشه و اما وقتی از data لاگ میگریم اطلاعات هست و فقط در state قرار نمیگیره

ممنونم میشم راهنمایی فرمائید که ایراد کار از کجاست