map interface flexbox props union-types conditional-rendering ternary-operator object-destructuring useeffect-hook usestate-hook children-props type-alias