GlobalNavigationBarDropdown not showing sub menu items

The documented GlobalNavigationBarDropdown in the Global Navigation Bar doesn't seem to work as expected. The menu appears and the chevron appears now that the utility-sprite folder is directly under assets, but the menu does not expand to show the sub menu items.

I should mention that I'm using this in next.js:

    "@salesforce-ux/design-system": "^2.17.5",
    "@salesforce/design-system-react": "^0.10.46",
    "next": "12.1.4",
    "react": "18.0.0",
    "react-dom": "18.0.0"

Any thoughts greatly appreciated. Snippet below, copied directly from the example.

import GlobalNavigationBar from '@salesforce/design-system-react/components/global-navigation-bar';
import GlobalNavigationBarRegion from '@salesforce/design-system-react/components/global-navigation-bar/region';
import GlobalNavigationBarLink from '@salesforce/design-system-react/components/global-navigation-bar/link';
import GlobalNavigationBarDropdown from '@salesforce/design-system-react/components/global-navigation-bar/dropdown';
export default function Navbar() {
    const dropdownCollection = [
        {
        label: 'Menu Item One',
        value: '1',
        iconCategory: 'utility',
        iconName: 'table',
        href: 'http://www.google.com',
    },
    ];
    return (
        <>
           <GlobalNavigationBar>
               <GlobalNavigationBarRegion region="secondary" navigation>
                        <GlobalNavigationBarLink active href="/" label="Home" id="home-link" />
                        <GlobalNavigationBarDropdown
                               assistiveText={{ icon: 'Open menu item submenu' }}
                               id="primaryDropdown"
                               label="Menu Item"
                               options={dropdownCollection}
            />
            </GlobalNavigationBarRegion>
        </GlobalNavigationBar>               
    </>
    )
}

salesforce / design-system-react

GlobalNavigationBarDropdown not showing sub menu items #3026