When I open the modal, the api call running always

I’d like that if I click onto a link and the modal is open the api call runs one time.
Unfortunately it’s running always, till the open state is true.

const [open, setOpen] = useState(false);
const [content, setContent] = useState();

const handleOpen = () => setOpen(true);
const handleClose = () => setOpen(false);

const fetchData = async (movieName) => {
console.log("Fetching");
const { data } = await axios.get(
  `https://en.wikipedia.org/w/api.php?action=query&origin=*&list=search&utf8=1&formatversion=latest&srsearch="${movieName}" articletopic:films`
);

setContent(data);
console.log(data);

};

if (open) {
fetchData();

}