Setting Event Parameter 'non_interaction': true not working - google-analytics

Question

We have an event that is set for an API that we are setting up. Initially, the event was pinging the API server continuously which brought our bounce rate way down. We added 'non_interaction': true to cancel out the bounce rate issue, but it doesn't seem to be working. In addition to adding 'non_interaction': true, are there any other settings in GA that need to be updated to make this work? Maybe we are missing something?
Thank you ahead of time for your help!
Here is the code for review:
<script>
(function () {
var GA_TRACKING_ID = 'xxxxxx';
function processMessage(event) {
console.log('processMessage: Received event:');
console.log('event.data:', event.data);
console.log('event.origin:', event.origin);
if (event.data.includes('"name"')) {
console.log('Received alert for mobile page', event);
}
else {
if (event.data.startsWith('R_')) {
// GTAG.js methods
// Maps 'dimension1' to 'response_id'.
gtag('config', GA_TRACKING_ID, {
'custom_map': {'dimension1': 'response_id'}
});
// Sends a response_id event.
gtag('event', 'ev_response_id', {
'response_id': event.data,
'non_interaction': true
});
console.log('Pushed response_id : ' + event.data + ' to Google Analytics.');
}
}
console.log('processMessage: end');
}
function setSessionId() {
var sessionIdName = 'ua_session_id';
var noFirstVisit = sessionStorage.getItem('noFirstVisit')
// this is the first time
if (!noFirstVisit) {
var sessionId = Math.random().toString(36).substring(2, 10);
gtag('config', GA_TRACKING_ID, {
'custom_map': {'dimension2': sessionIdName}
});
gtag('event', 'ev_session_id', {
'ua_session_id': sessionId,
'non_interaction': true
});
console.log('Pushed ' + sessionIdName + ': ' + sessionId + ' to Google Analytics.');
sessionStorage.setItem('noFirstVisit', true);
} else {
console.log('The user already saw this page.')
// close and reopen the tab to clear the session storage
}
}
window.addEventListener('message', processMessage);
setSessionId();
})();
</script>