Direct link to docs shows blank page on mobile when in production / build mode

[gregberge]

Direct link to docs shows blank page on mobile when in production / build mode

[dbismut]

I've managed to narrow down the issue to these lines:

smooth-doc/smooth-doc/src/components/DocLayout.js

Lines 144 to 146 in 2b47cf7

	<Dialog {...dialog} as={SidebarDialog}>
	{children}
	</Dialog>

Commenting them out fixes the issue (but you lose the mobile menu).

Replacing it with:

<Dialog>{children}</Dialog>

Doesn't fix the issue so it really looks there's an issue with how the <Dialog/> component is being used.

EDIT

Turns out that setting useDialogState({ animated: true, modal: false }) in the line below fixes the issue but to the expense of the list mentioned in Reakit docs.

smooth-doc/smooth-doc/src/components/DocLayout.js

Line 141 in 2b47cf7

const dialog = useDialogState({ animated: true })

In any case, it seems like there's no use in adding the <Portal /> element as it's already used internally by default.

[gregberge]

Hmm I will give a look, thanks.