import React from 'react'

const Svg = ({ children, ...props }) => (
  <svg {...props}>
    {children}
  </svg>
)
export default Svg

import React from 'react'

const Svg = ({ children, ...props }) => (
  <svg focusable={props.focusable || false} {...props}>
    {children}
  </svg>
)
export default Svg

make Svg block non-focusable unless explicitly overridden via props