@stiligita/react/src/get-invalid-attributes.js

import {isTruthy, isFalsy} from '@stiligita/utils'
import {htmlAttributes, svgElements} from './dom-elements'
import {isListener} from './utils'

export default function (props) {
  const elementAttributes = htmlAttributes[props.tag] || []
  // Check for svg elements and add valid svg attributes
  if (isFalsy(props.tag, svgElements)) {
    elementAttributes.push(...htmlAttributes.svg)
  }
  const validAttributes = [...htmlAttributes['*'], ...elementAttributes, 'children']
  return Object.keys(props)
    // Keep anything that is invalid
    .filter(prop => validAttributes.indexOf(prop) < 0 && !isListener(prop))
    // Remove data and aria attributes
    .filter(prop => isTruthy(prop.substring(0, 5), ['data-', 'aria-']))
}