React.children

import React from 'react';

type Props = {
  children: JSX.Element[] | JSX.Element;
  margin: number;
};

export default function Stack({ children, margin }: Props) {
  function wrapChildren() {
    return React.Children.map(children, (child) =>
      React.cloneElement(child, { style: { ...child.props.style, marginBottom: `${margin}px` } }),
    );
  }

  return <>{wrapChildren()}</>;
}

Similar codes

0 vote253 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
0 vote277 views1 answer
Flutter: Error: google_fonts was unable to load font LobsterTwo-Bold because the following exception occured:
TypeScript
0 vote262 views1 answer
Which electromagnetic radiation is used for heating and night vision equipment
TypeScript
12 votes313 views4 answers
Delete contents of directory python
TypeScript
0 vote266 views1 answer
Property 'kName' does not exist on type '{}'
TypeScript
0 vote240 views1 answer
Deno allow net
TypeScript
0 vote285 views2 answers
Remove upsell products woocommerce
TypeScript
0 vote261 views1 answer
3 inputs in a row
TypeScript
3 votes259 views3 answers
Remove duplicate objects based on id from array angular 8
TypeScript
1 vote249 views1 answer
Typescript check if string is base64 or not path to src
TypeScript