u

src/pages/artikel/sku.jsx

@@ -3,7 +3,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 import CircularProgress from '@mui/material/CircularProgress';
-import { article } from '../../api';
+import { useStorageManager } from '../../api/storageManager';
 import { ArticleView } from '../../components/article';
 import BackendError from '../../components/BackendError';
 import { requireObject } from '../../utils/apiShape';
@@ -16,6 +16,7 @@ import {
 export default function ArtikelSkuPage() {
   const { sku: skuParam, tab: tabParam } = useParams();
   const navigate = useNavigate();
+  const store = useStorageManager();
   const sku = skuParam ? decodeURIComponent(skuParam) : '';
   const [data, setData] = useState(null);
   const [error, setError] = useState(null);
@@ -51,7 +52,7 @@ export default function ArtikelSkuPage() {
       setLoading(true);
       setError(null);
       try {
-        const res = await article.getBySku(sku);
+        const res = await store.article.get(sku);
         requireObject(res, 'GET /api/article/:sku');
         requireObject(res.article, 'article');
         if (!cancelled) {
@@ -71,7 +72,7 @@ export default function ArtikelSkuPage() {
     return () => {
       cancelled = true;
     };
-  }, [sku, reloadKey]);
+  }, [sku, reloadKey, store]);
 
   useEffect(() => {
     if (!data) return;