theme.spacing(3) }}>
+
+ Heads up! You are exceeding your allocated free
+ members included in your plan ({planUsers.length} of {seats}).
+ Creating this user will add $15/month to your
+ invoice, starting with your next payment.
+
+
+ );
+};
diff --git a/frontend/src/component/admin/users/UsersList/UserLimitWarning/UserLimitWarning.tsx b/frontend/src/component/admin/users/UsersList/UserLimitWarning/UserLimitWarning.tsx
new file mode 100644
index 0000000000..826bdb7f2d
--- /dev/null
+++ b/frontend/src/component/admin/users/UsersList/UserLimitWarning/UserLimitWarning.tsx
@@ -0,0 +1,37 @@
+import { VFC } from 'react';
+import { Link as RouterLink } from 'react-router-dom';
+import { Alert, Link } from '@mui/material';
+import { useUsersPlan } from 'hooks/useUsersPlan';
+import { useUsers } from 'hooks/api/getters/useUsers/useUsers';
+
+const userLimit = 20;
+
+export const UserLimitWarning: VFC = () => {
+ const { users } = useUsers();
+ const { isBillingUsers, planUsers } = useUsersPlan(users);
+
+ if (!isBillingUsers) {
+ return null;
+ }
+
+ if (planUsers?.length < userLimit) {
+ return null;
+ }
+
+ return (
+