fix product area error

Author: MengZhuNAV

lib/rest/productAreas.ts

@@ -54,15 +54,18 @@ const enrichProductAreaWithAssets = (productArea: any) => {
 export const useGetProductArea = (id: string) => {
     const [productArea, setProductArea] = useState<any>(null);
     const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
+    const [error, setError] = useState<any>(undefined);
     useEffect(() => {
         getProductArea(id).then((res) => res.json())
             .then((productAreaDto) => {
-            setError(null);
+            setError(undefined);
             setProductArea(enrichProductAreaWithAssets(productAreaDto));
         })
             .catch((err) => {
-            setError(err);
+            setError({
+                message: `Failed to fetch product area, please check the product area ID: ${err.message}`,
+                status: err.status
+            });
             setProductArea(null);
         }).finally(() => {
             setLoading(false);