React props destructuring when passing to component

Question

Is there a way to use es6 shorthand when passing a props with the same name?

const [showNavMenu, setShowNavMenu] = useState(false)

So this:

<NavMenu showNavMenu={showNavMenu} setShowNavMenu={setShowNavMenu} />

Will became this:

<NavMenu {showNavMenu} {setShowNavMenu} />

Answer 1

If you don't want to use an extra variable, you can do this:

<NavMenu {...{showNavMenu, setShowNavMenu}} />