feat: support 422 error for rewards

features/rewards/components/errorBlocks/ErrorUnprocessable.tsx

@@ -0,0 +1,22 @@
+import Link from 'next/link';
+import { ErrorBlockBase } from './ErrorBlockBase';
+
+export const ErrorUnprocessable = () => (
+  <ErrorBlockBase
+    textProps={{ color: 'error' }}
+    text={
+      <>
+        This address has too many stETH transfers. For querying such addresses
+        use{' '}
+        <Link
+          href={
+            'https://github.com/lidofinance/lido-ethereum-sdk/blob/main/packages/sdk/README.md#rewards'
+          }
+        >
+          Rewards Module from Lido Ethereum SDK
+        </Link>{' '}
+        and fetch rewards from subgraph directly
+      </>
+    }
+  />
+);

features/rewards/components/rewardsListContent/RewardsListErrorMessage.tsx

@@ -4,6 +4,7 @@ import { ErrorRateLimited } from '../errorBlocks/ErrorRateLimited';
 
 import { extractErrorMessage } from 'utils';
 import { FetcherError } from 'utils/fetcherError';
+import { ErrorUnprocessable } from '../errorBlocks/ErrorUnprocessable';
 
 type Props = {
   error: unknown;
@@ -20,5 +21,9 @@ export const RewardsListErrorMessage: React.FC<Props> = ({ error }) => {
     return <ErrorRateLimited />;
   }
 
+  if (error instanceof FetcherError && error.status === 422) {
+    return <ErrorUnprocessable />;
+  }
+
   return <ErrorBlockBase text={errorMessage} />;
 };