Is there any method to "spread" only the Synthetic events passed in a React component?

I would like to get only the synthetic events and insert them in my DOM element. The reason for this is to prevent manually inserting the synthetic events one by one. Some may say spread the props {..props} into the DOM element but the problem is that DOM elements may not recognize other props as they are not valid HTML attributes. Is there any way to do this? Thanks in advance.