in-react.jsx

const BadGoose = ({ show }) => (show ? <div>shown!</div> : null)
                                
const App = (props) => {
  const [toggle, setToggle] = useState(true)
  
  return (<div>
    <button onClick={() => setToggle(!toggle)}>click me</div>
    <BadGoose show={toggle} />
  </div>)
}

in-vue.js

const BadGoose = {
  props: ['show'],
  template: '<div v-if="show">shown!</div>',
}

const App = {
  components: { BadGoose },
  
  template: `<div>
    <button @click="toggle = !toggle">click me</button>
    <bad-goose :show="toggle" />
  </div>`,

  data: () => ({ toggle: true })
})