Make Unique Id by props in React

Frame.js

/**
 *
 * Frame
 *
 */

import React from 'react'
import { compose, mapProps } from 'recompose'

import { uniqueId } from 'lodash'

const Frame = props => {
  return (
    <div style={props.style}>
      <h1>Component Unique Id : {props.frame_id}</h1>
    </div>
  )
}

// Component enhancer
const enhance = compose(
  mapProps(({ children, ...rest }) => {
    return {
      frame_id: uniqueId('frame_'),
      children: children,
      ...rest,
    }
  })
)
export default enhance(Frame)