خطأ neither a React function component or a custom React Hook

حاولت أن أقوم ببناء مشروع React من الصفر، ولكن يظهر لي الخطأ التالي:

./src/App.js

Line 4:
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks

وهذا هو الكود الذي كتبته:

import React from 'react'; 

const app = props => {
  const [friendState, setFriendSate] = useState({ firend_ids:[ 1, 2, 3 ], }); 
    return (
        <div className="App"> 
            <h1>Hello, World!</h1>
        </div> ); 
    };
export default app;

بالرغم من أن الكود السابق بسيط للغاية إلا أن رسالة الخطأ غير مفهومة ولا تساعد البته.