javascript Destructuring 이용

//index.tsx
import "./style.css";
import MyComponent from "./MyComponent.js";

export default function App() {
  return <MyComponent age="15">리액트</MyComponent>;
}

//MyComponent.js
const MyComponent = props => {
  const { age = "jane"} = props;
  return (
    <div>
      Hello my name is {props.name} :P <br />
      My age is {age} <br />
      My children are {props.children}
    </div>
  );
};

export default MyComponent;

const MyComponent = ({ name = "hames", age = "0", children }) => {
  return (
    <div>
      Hello my name is {name} :P <br />
      My age is {age} <br />
      My children are {children}{" "}
    </div>
  );
};

export default MyComponent;

Typescript에서는?