Prettier: Remove `return` of an arrow function, in JavaScript?

Question

I would like to have prettier removes the unnecessary return statement.
For the next code example:

const Component = ({ children }) => {
    return (
        <div>
            {children}
        </div>
    );
};

I would like prettier removes the return statement, and turn it into:

const Component = ({ children }) => <div>{children}</div>;

Is it possible?

Answer 1

Olá Tente desta forma por favor. Pois acredito que não sejam necessárias as chaves {} dentro dos parenteses () e nem o return.

const Component = (children) => ( {children} )

};