reactivity works in vite dev but fails in vite build

type ClosableMenu = 'settings'
type SolidStoreState = {
  user?: User
  needsLogin: boolean
  openMenus: Record<ClosableMenu, boolean> & { menuCount: number }
  onLoad?: number
}
export const [solidStore, setSolidStore] = createStore<SolidStoreState>({
  needsLogin: true,
  openMenus: {
    menuCount: 0,
    settings: false
  }
})
export const openMenu = (menu: ClosableMenu) => {
  setSolidStore('openMenus', (openMenus) => ({
    ...openMenus,
    menuCount: openMenus.menuCount + 1,
    [menu]: true
  }))
}
export const closeMenu = (menu: ClosableMenu) => {
  setSolidStore('openMenus', (openMenus) => ({
    ...openMenus,
    menuCount: openMenus.menuCount - 1,
    [menu]: false
  }))
}
export const toggleMenu = (menu: ClosableMenu) => (solidStore.openMenus[menu] ? closeMenu(menu) : openMenu(menu))

const App = () => {
  createEffect(() => {
    console.log('app settings is', solidStore.openMenus.settings)
  })
  return (
    <div class={styles.App}>
      <header class={styles.header}>
        <button onClick={() => toggleMenu('settings')}>Settings</button>
        <Show
          when={solidStore.openMenus.settings}
          fallback={<h6>settings closed {solidStore.openMenus.settings.toString()}</h6>}
        >
          <h1>Settings open</h1>
        </Show>
      </header>
    </div>
  )
}