Showing a particular level in HierarchicalMenu (Just like in the Algolia Showcane)

HI,

I would like to display my lvl1 categories when the page loads just like in the Algolia Showcase)

In my case, I have to click on the lvl0 before displaying the lvl1


My code:

<HierarchicalMenu
                classNames={{}}
                showParentLevel={true}
                limit={10}
                showMoreLimit={20}
                attributes={[
                  "categories.lvl0",
                  "categories.lvl1",
                  "categories.lvl2",
                ]}
                transformItems={(items) =>
                  items.map((item) => {
                    if (item.isRefined) {
                      return {
                        ...item,
                        label: "Modèle", // Replace "Custom Root Name" with your desired name
                      }
                    } else if (item.label === "products") {
                      return {
                        ...item,
                        label: "Modèles", // Replace "Custom Root Name" with your desired name
                      }
                    } else {
                      return {
                        ...item,
                        label: item.label.replace("products > ", ""),
                      }
                    }
                  })
                }
              />

What should I do? Playing with InitialUIState? Playing with UseHierarchicalMenu? Playing with CSS?
Thanks for the help