make live-scope a function

Author: siddharthkp

docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js

@@ -45,45 +45,47 @@ const ReactRouterLink = ({to, ...props}) => {
   return <a href={to} {...props} />
 }
 
-export default {
-  ...doctocatComponents,
-  ...primerComponents,
-  ...(metastring.includes('drafts') ? drafts : {}),
-  ReactRouterLink,
-  State,
-  CheckIcon,
-  SearchIcon,
-  ZapIcon,
-  XIcon,
-  DotIcon,
-  OctofaceIcon,
-  PersonIcon,
-  MailIcon,
-  GitCommitIcon,
-  FlameIcon,
-  MarkGithubIcon,
-  NoteIcon,
-  ProjectIcon,
-  FilterIcon,
-  GearIcon,
-  TypographyIcon,
-  VersionsIcon,
-  LinkIcon,
-  LawIcon,
-  StarIcon,
-  AlertIcon,
-  ArrowRightIcon,
-  KebabHorizontalIcon,
-  PencilIcon,
-  ArchiveIcon,
-  TrashIcon,
-  CalendarIcon,
-  IterationsIcon,
-  NumberIcon,
-  SingleSelectIcon,
-  Dialog2,
-  ConfirmationDialog,
-  useConfirm,
-  AnchoredOverlay,
-  SelectPanel
+export default function resolveScope(metastring) {
+  return {
+    ...doctocatComponents,
+    ...primerComponents,
+    ...(metastring.includes('drafts') ? drafts : {}),
+    ReactRouterLink,
+    State,
+    CheckIcon,
+    SearchIcon,
+    ZapIcon,
+    XIcon,
+    DotIcon,
+    OctofaceIcon,
+    PersonIcon,
+    MailIcon,
+    GitCommitIcon,
+    FlameIcon,
+    MarkGithubIcon,
+    NoteIcon,
+    ProjectIcon,
+    FilterIcon,
+    GearIcon,
+    TypographyIcon,
+    VersionsIcon,
+    LinkIcon,
+    LawIcon,
+    StarIcon,
+    AlertIcon,
+    ArrowRightIcon,
+    KebabHorizontalIcon,
+    PencilIcon,
+    ArchiveIcon,
+    TrashIcon,
+    CalendarIcon,
+    IterationsIcon,
+    NumberIcon,
+    SingleSelectIcon,
+    Dialog2,
+    ConfirmationDialog,
+    useConfirm,
+    AnchoredOverlay,
+    SelectPanel
+  }
 }