SSR support fixes [prerelease]

packages/core/src/components/Dropdown/__stories__/Dropdown.mdx

@@ -155,6 +155,12 @@ A dropdown menu can include labels.
 
 <Canvas of={DropdownStories.DropdownWithLabels} />
 
+### Dropdown with virtualized items
+
+A dropdown with many items, can be virtualized using `isVirtualized`.
+
+<Canvas of={DropdownStories.VirtualizedDropdown} />
+
 ### Dropdown inside a form
 
 A classic dropdown presents options a user needs to choose from.

packages/core/src/components/Dropdown/__stories__/Dropdown.stories.helpers.tsx

@@ -37,3 +37,11 @@ export const fakeFetchUsers = () => {
     }, 1000);
   });
 };
+
+export const generateItems = (itemsCount = 100) => {
+  const items = [];
+  for (let i = 0; i < itemsCount; i++) {
+    items.push({ value: i, label: `Item ${i}` });
+  }
+  return items;
+};

packages/core/src/components/Dropdown/__stories__/Dropdown.stories.js

@@ -10,7 +10,7 @@ import { Attach, Email } from "../../Icon/Icons";
 import { Avatar, Box, Button, DialogContentContainer, Dropdown, Flex, Label, Modal, ModalContent } from "../../index";
 import ModalExampleContent from "../../../storybook/patterns/dropdown-in-modals/ModalExampleContent";
 import "./Dropdown.stories.scss";
-import { fakeFetchUsers } from "./Dropdown.stories.helpers";
+import { fakeFetchUsers, generateItems } from "./Dropdown.stories.helpers";
 
 const metaSettings = createStoryMetaSettingsDecorator({
   component: Dropdown,
@@ -673,6 +673,15 @@ export const DropdownWithLabels = {
   name: "Dropdown with labels"
 };
 
+export const VirtualizedDropdown = {
+  render: () => {
+    const options = useMemo(() => generateItems(300), []);
+
+    return <Dropdown options={options} isVirtualized className="dropdown-stories-styles_with-chips" />;
+  },
+  name: "Virtualized dropdown"
+};
+
 export const DropdownInsideAForm = {
   render: () => {
     const options = useMemo(