Thanks for following up, I’ve since solved this issue. What I did:
https://conditional-fields-cf7.bdwm.be/ajax-example/
After reviewing that post I found that I needed to dynamically load one of the javascript files at runtime. I used the following code (reactjs)
componentDidMount() {
// add honeypot scripts (requires jquery) @jkr
try {
const div = this.refDiv.current;
const script = document.createElement("script");
script.async = true;
script.src = <code>${process.env.REACT_APP_WP_URL}/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.7</code>;
div.appendChild(script);
} catch (e) {
console.warn(e);
}
}
There may have been an additional script I added somewhere but it’s been so long I can’t remember. Regardless this should help out anyone who’s looking to do the same as me.