JSDoc: Show nested tree of modules instead of a list of all modules in project

I'm trying to generate jsdoc for a medium sized project. The project structure is as follows:

-src
--commands
--components
---dirA
----ComponentA.js
---dirB
----ComponentB.js
--config
--constant
--page
---pageDirA
----PageA.js
---pageDirB
----PageB.js
--util

If I generate jsdoc for this, I will just get a list of all modules in the sidebar. If I were to include all classes/modules, It will create a huge list that is not easy to navigate.

example of a class/module:

import Header from '../component/Header';

/**
 * The abstract pager modal containing components and configuration that is used on all pages.
 *
 * @author Cornel
 * @module
 */
class AbstractPage {

  constructor() {
    this._url = '';

    this._header = new Header();
  }

  get url() {
    return this._url;
  }

  get header() {
    return this._header;
  }
}

export default AbstractPage;

Is there any way of doing this so that I have a tree structure of generated documentation using jsDoc?