How can I put my email address on a page without it getting spammed?

I want to add my email address to the 'Contact' section of my website. When I've done this in the past, I suddenly started getting a lot of spam emails. I suspect my site got crawled and picked up by a spam bot.

I don't want to add a contact form, I just want my email address there on my site so people can easily contact me. Ideally even my phone number. Is there a way to do this?

I'm using react with next.js. I was thinking I'd have a 'Contact' button which only adds the email address to the DOM when it's clicked.

Thanks