Dialog /Transition Blocks on Scroll on First Page Load when using unmount={false}

[fxmb]

What is the issue?
=> We are using headlessUI Transition and Dialog for a Mobile Popover.
=> We are creating a (global) search state in the headless component, hence we passed in unmount={false} to keep the (search) state once the modal is closed again.
However, since we added the unmount flag, whenever we RELOAD the page, scrolling does not work until we opened the modal once. It then works perfectly fine. We searched many hours for a solution but cannot seem to find one. Any ideas? In particular, we are using the code provided by headlessUI Tailwind components to be found here: https://tailwindui.com/components/ecommerce/components/category-filters

Stack is: React, TS, Tailwind, Algolia (Search)

 <Transition
                    appear
                    show={mobileFiltersOpen}
                    as={Fragment}
                    unmount={false}
                >
                    <Dialog
                        as="div"
                        className="relative z-40 lg:hidden"
                        onClose={setMobileFiltersOpen}
                        unmount={false}
                        initialFocus={completeButtonRef}
                    >
                        <Transition.Child
                            as="div"
                            enter="transition-opacity ease-linear duration-300"
                            enterFrom="opacity-0"
                            enterTo="opacity-100"
                            leave="transition-opacity ease-linear duration-300"
                            leaveFrom="opacity-100"
                            leaveTo="opacity-0"
                            unmount={false}
                        >
                            <div className="fixed inset-0 bg-black bg-opacity-25" />
                        </Transition.Child>

                        <div className="fixed inset-0 flex z-40">
                            <Transition.Child
                                as="div"
                                enter="transition ease-in-out duration-300 transform"
                                enterFrom="translate-x-full"
                                enterTo="translate-x-0"
                                leave="transition ease-in-out duration-300 transform"
                                leaveFrom="translate-x-0"
                                leaveTo="translate-x-full"
                                unmount={false}
                            >
                                <Dialog.Panel className="ml-auto relative max-w-xs w-full h-full bg-white shadow-xl py-4 pb-12 flex flex-col overflow-y-auto">
                                    <div className="px-4 flex items-center justify-between">
                                        <h2 className="text-lg font-medium text-gray-900">
                                            Filter 
                                        </h2>
                                        <button
                                            type="button"
                                            className="-mr-2 w-10 h-10 bg-white p-2 rounded-md flex items-center justify-center text-gray-400"
                                            onClick={() =>
                                                setMobileFiltersOpen(false)
                                            }
                                        >
                                            <span className="sr-only">
                                                Close menu
                                            </span>
                                            <XIcon
                                                className="h-6 w-6"
                                                aria-hidden="true"
                                            />
                                        </button>
                                    </div>
                                </Dialog.Panel>
                            </Transition.Child>
                        </div>
                    </Dialog>
                </Transition>

That is some example code - it blocks scrolling on first render...