// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

import BeatmapsetJson from 'interfaces/beatmapset-json';
import { PopupMenu } from 'popup-menu';
import * as React from 'react';
import { ReportReportable } from 'report-reportable';

interface Props {
  beatmapset: BeatmapsetJson;
}

export default function BeatmapsetMenu(props: Props) {
  return (
    <PopupMenu>
      {() => (
        <ReportReportable
          className='simple-menu__item'
          icon
          reportableId={props.beatmapset.id.toString()}
          reportableType='beatmapset'
          user={{username: props.beatmapset.creator}}
        />
      )}
    </PopupMenu>
  );
}

// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

import BeatmapsetJson from 'interfaces/beatmapset-json';
import { PopupMenuPersistent } from 'popup-menu-persistent';
import * as React from 'react';
import { ReportReportable } from 'report-reportable';

interface Props {
  beatmapset: BeatmapsetJson;
}

export default function BeatmapsetMenu(props: Props) {
  return (
    <PopupMenuPersistent>
      {() => (
        <ReportReportable
          className='simple-menu__item'
          icon
          reportableId={props.beatmapset.id.toString()}
          reportableType='beatmapset'
          user={{username: props.beatmapset.creator}}
        />
      )}
    </PopupMenuPersistent>
  );
}

--- 
+++ 
@@ -2,7 +2,7 @@
 // See the LICENCE file in the repository root for full licence text.
 
 import BeatmapsetJson from 'interfaces/beatmapset-json';
-import { PopupMenuPersistent } from 'popup-menu-persistent';
+import { PopupMenu } from 'popup-menu';
 import * as React from 'react';
 import { ReportReportable } from 'report-reportable';
 
@@ -12,7 +12,7 @@
 
 export default function BeatmapsetMenu(props: Props) {
   return (
-    <PopupMenuPersistent>
+    <PopupMenu>
       {() => (
         <ReportReportable
           className='simple-menu__item'
@@ -22,6 +22,6 @@
           user={{username: props.beatmapset.creator}}
         />
       )}
-    </PopupMenuPersistent>
+    </PopupMenu>
   );
 }
Update another one which doesn't have contexts
