mergeProps deeply?

How deeply does merge props actually merge objects? Could I do?

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

const merged = mergeProps(
  defaultsObj: {
    key1: defaultValue1,
    key2: defaultValue2
  },
  props
)

where

props

props

props

props has a props

myObj

myObj

myObj

myObj with the values I want to default?

{
  myObj:{
    key1: value1,
    key2: value2
  }
}

{
  myObj:{
    key1: value1,
    key2: value2
  }
}

{
  myObj:{
    key1: value1,
    key2: value2
  }
}

{
  myObj:{
    key1: value1,
    key2: value2
  }
}