Adding proptypes to unnamed anonymous default exported functions - e.i "export default () =>{}"

Question

I know you can do the following:

import React from "react";
import PropTypes from "prop-types";

const Header = ({ name }) => <div>hi {name}</div>;

Header.propTypes = {
  name: PropTypes.string
};

export default Header

However can I assign propTypes with anonymously exported default functions (export default () =>{}) like the following?:

 export default ({ name }) => <div>hi {name}</div>;


 //how do I do this part/ is it possible?
   ?.propTypes = {
      name: PropTypes.string
   };

---

EDIT: I tried:

    export default ({ name }) => (<div>
//  ----- here ------- (makes sense why, it doesn't work) 
    static propTypes = {
      name: PropTypes.string
    }
// ---------------
     {name}
    </div>);

and:

// -------and like this at bottom --------
    default.propTypes = {
      name: PropTypes.string
    }
// ------------------

I don't think it is possible, exporting this way, just one of the tried offs on the overall approached.

Answer 1

The sane way to do this is to just assign the function to a variable:

const anon = ({ name }) => <div>hi {name}</div>;
anon.propTypes = {
  name: PropTypes.string
};

export default anon; 

If you truly believe you have a reason not to do it the sane way, how about Object.assign?

export default Object.assign(
  ({ name }) => <div>hi {name}</div>,
  { propTypes: { name: PropTypes.string } }
);