Will web crawlers be able to crawl nested sidebar menu for mobile web [closed]

I have a simple question. One clicking on any of the breadcrumbs, an overlay appears as per design. For example, in the above image clicking on Physics will bring up all subjects to choose from and then clicking on a particular subject of choice can lead to chapters and so forth.

If I plan to have a React component for doing so, is there a chance that a web crawler can look up the whole possible chain? Upside is that I do have whole json for this from API response at once.

If not, what will be a better alternative? It is not mandatory to answer to avoid subjectivity for SO standards but will be appreciated.

Architecture - This is a server rendered app. The first load will get the entire JSON menu data in one go, build the html with the data and then the further interactions are on client - ReactJs.

Note - Webmasters don't even have a tag for ReactJs or Next.js. I'm not sure if not that then what makes this tricky question stay on StackOverflow. Your power to close this question will only hamper my chance to get an answer which I believe has the complexity suited for audience here.