React Children - props 보고 동적으로 래핑 여부 결정

const renderChildren = (children) => {
  const elements = React.Children.toArray(children)
  const hasLink = elements.some(
    (el) => React.isValidElement(el) && el.props.url
  )
  return hasLink ? children : <ul>{children}</ul>
}
// toArray는 string, number도 포함 → isValidElement 체크 필수

전직 트리: Children API → cloneElement → “compound component가 낫지 않나…”