Fixed problem to sync status request with dymo fetch printers status

Author: apenab

demo/src/components/DymoAPIExample.js

@@ -12,7 +12,6 @@ export default function DymoAPIExample() {
     const {statusDymoFetchPrinters, printers} = useDymoFetchPrinters(statusDymoService);
 
     const xmlMemo = useMemo(() => generateXmlExample(name, address), [address, name]);
-
     return (
         <div>
             {statusDymoService !== "success" ? (
@@ -22,7 +21,10 @@ export default function DymoAPIExample() {
                     <h3 style={{color: "green"}}>DYMO service is running in your PC.</h3>
                     <input value={name} title="Name" onChange={e => setName(e.target.value)}/>
                     <br/>
+                    <br/>
                     <input value={address} title="Address" onChange={e => setAddress(e.target.value)}/>
+                    <br/>
+                    <br/>
                 </React.Fragment>
             )}
             <DymoLabelPreview

src/useDymoFetchPrinters/index.js

@@ -6,17 +6,22 @@ import {useAxiosGet} from "../useAxiosGet";
 
 export function useDymoFetchPrinters(statusDymoService, modelPrinter = "LabelWriterPrinter", port = 41951) {
     const [printers, setPrinters] = useState([]);
+    const [innerStatus, setInnerStatus] = useState("init");
     const {status, response} = useAxiosGet({
         url: getDymoUrl("GetPrinters", port),
         axiosInstance: dymoAxios,
         onlyDispatchIf: statusDymoService === "success"
     });
 
     useEffect(() => {
-        if (response) {
+        if (status === "success" && response) {
             setPrinters(getDymoPrintersFromXml(response, modelPrinter));
+            setInnerStatus(status);
         }
-    }, [modelPrinter, response]);
+        else {
+            setInnerStatus(status);
+        }
+    }, [modelPrinter, response, status]);
 
-    return {statusDymoFetchPrinters: status, printers: printers};
+    return {statusDymoFetchPrinters: innerStatus, printers: printers};
 }