diff --git a/plugins/permission-react/src/components/RequirePermission.test.tsx b/plugins/permission-react/src/components/RequirePermission.test.tsx
index 31ccc5042d..0749d9b2b3 100644
--- a/plugins/permission-react/src/components/RequirePermission.test.tsx
+++ b/plugins/permission-react/src/components/RequirePermission.test.tsx
@@ -32,6 +32,12 @@ const permission = createPermission({
   attributes: { action: 'read' },
 });
 
+const resourcePermission = createPermission({
+  name: 'access.something',
+  attributes: { action: 'read' },
+  resourceType: 'test-resource',
+});
+
 describe('RequirePermission', () => {
   it('Does not render when loading', async () => {
     mockUsePermission.mockReturnValue({ loading: true, allowed: false });
@@ -85,4 +91,18 @@ describe('RequirePermission', () => {
 
     expect(getByText('Custom Error')).toBeTruthy();
   });
+
+  it('Can authorize with a resource permission', async () => {
+    mockUsePermission.mockReturnValue({ loading: false, allowed: true });
+
+    const { getByText } = await renderInTestApp(
+      <RequirePermission
+        permission={resourcePermission}
+        resourceRef="my-test-resource"
+        children={<div>content</div>}
+      />,
+    );
+
+    expect(getByText('content')).toBeTruthy();
+  });
 });