ref(ts): Convert test organization rate limits to typescript (#53041)

static/app/views/settings/organizationRateLimits/organizationRateLimits.spec.jsx → static/app/views/settings/organizationRateLimits/organizationRateLimits.spec.tsx

@@ -1,6 +1,8 @@
 import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
 
-import OrganizationRateLimits from 'sentry/views/settings/organizationRateLimits/organizationRateLimits';
+import OrganizationRateLimits, {
+  OrganizationRateLimitProps,
+} from 'sentry/views/settings/organizationRateLimits/organizationRateLimits';
 
 const ENDPOINT = '/organizations/org-slug/';
 
@@ -13,8 +15,14 @@ describe('Organization Rate Limits', function () {
     },
   };
 
-  const renderComponent = props =>
-    render(<OrganizationRateLimits organization={organization} {...props} />);
+  const renderComponent = (props?: Partial<OrganizationRateLimitProps>) =>
+    render(
+      <OrganizationRateLimits
+        {...TestStubs.routeComponentProps()}
+        organization={organization}
+        {...props}
+      />
+    );
 
   beforeEach(function () {
     MockApiClient.clearMockResponses();

static/app/views/settings/organizationRateLimits/organizationRateLimits.tsx

@@ -12,7 +12,7 @@ import {Organization} from 'sentry/types';
 import SettingsPageHeader from 'sentry/views/settings/components/settingsPageHeader';
 import TextBlock from 'sentry/views/settings/components/text/textBlock';
 
-type Props = RouteComponentProps<{}, {}> & {
+export type OrganizationRateLimitProps = RouteComponentProps<{}, {}> & {
   organization: Organization;
 };
 
@@ -35,7 +35,7 @@ const getRateLimitValues = () => {
 // We can just generate this once
 const ACCOUNT_RATE_LIMIT_VALUES = getRateLimitValues();
 
-function OrganizationRateLimit({organization}: Props) {
+function OrganizationRateLimit({organization}: OrganizationRateLimitProps) {
   // TODO(billy): Update organization.quota in organizationStore with new values
 
   const {quota} = organization;