feat: allow useMemo hook in server components

Author: Dwlad90

.changeset/loud-terms-confess.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-react-server-components": minor
+---
+
+allow useMemo hook in RSC

src/rules/use-client.test.ts

@@ -171,6 +171,36 @@ export function Foo() {
 }`,
           options: [{ allowedServerHooks: ["useTranslations"] }],
         },
+        {
+          code: `import React from 'react';
+export function Foo({id}) {
+  const t = React.useState(id);
+  return <button id={t} />;
+}`,
+          options: [{ allowedServerHooks: ["useState"] }],
+        },
+        {
+          code: `import * as React from 'react';
+export function Foo({id}) {
+  const t = React.useState(id);
+  return <button id={t} />;
+}`,
+          options: [{ allowedServerHooks: ["useState"] }],
+        },
+        {
+          code: `import {useMemo} from 'react';
+const Button = ({id}) => {
+  const memoizedId = useMemo(() => id, [id]);
+  return <div id={memoizedId} />;
+}`,
+        },
+        {
+          code: `import React from 'react';
+const Button = ({id}) => {
+  const memoizedId = React.useMemo(() => id, [id]);
+  return <div id={memoizedId} />;
+}`,
+        },
       ],
       invalid: [
         {

src/rules/use-client.ts

@@ -81,9 +81,8 @@ const create = Components.detect(
     function isClientOnlyHook(name: string) {
       return (
         // `useId` is the only hook that's allowed in server components
-        name !== "useId" &&
         !(options.allowedServerHooks || []).includes(name) &&
-        /^use[A-Z]/.test(name)
+        /^use(?!(Id|Memo)$)[A-Z]/.test(name)
       );
     }