Correct way to change app variables in react

I think I am doing somthing wrong and my code is not clean, whats the better way to do it?

App.js

const [id,setId] = useState(''); <Item setId={setId} />

Item.js

import { LoadAuthData } from "../api/ApiHelper"; LoadAuthData(setId);

ApiHelper.js

function LoadAuthData(setId){ setId(id from api); }