Estoy trabajando en una aplicación Next.js y estoy usando el menú y el submenú de antd para mi barra de navegación, y estoy tratando de descubrir cómo hacer que SubMenu sea un enlace en el que se pueda hacer clic. ¿Cuál es la manera de hacer esto?

 <Menu className={styles.menuContainer} mode={mode} dashed={false}> <Menu.Item key='setting:1'> <Link href='/About'>About</Link> </Menu.Item> // have this point to '/resources' <SubMenu key='SubMenu' title='Resources'> <Menu.Item key='setting:2'> <Link href='/blog'>Blog</Link> </Menu.Item> <Menu.Item key='setting:3'> <Link href='/faq'>FAQ</Link> </Menu.Item> <Menu.Item key='setting:4'> <Link href='/events'> Events </Link> </Menu.Item> </SubMenu> </Menu>