In our Storybook we document components, but also whole pages. We also use the Docs addon. Sadly our Docs pages became pretty slow when a lot of documented pages were included. With the following solution we only render the first story/canvas by default and the remaining stories will only be rendered, when you click on them.
We do this by introducing a custom <Stories/>
and <DocsStory/>
component. Afterwards we can wrap every story/canvas in a <ConditionalCanvas/>
.