Merge pull request #128 from silx-kit/memo

Memoise `axiosConfig` object for safety

Author: axelboc

src/H5webApp.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { App, getFeedbackMailto, H5GroveProvider } from '@h5web/app';
 import { ServerConnection } from '@jupyterlab/services';
 
@@ -27,12 +27,17 @@ function H5webApp(props: { filePath: string }) {
   const { filePath } = props;
   const { baseUrl } = ServerConnection.makeSettings();
 
+  const axiosConfig = useMemo(
+    () => ({ params: { file: filePath } }),
+    [filePath]
+  );
+
   return (
     <div className="h5web-root">
       <H5GroveProvider
         url={`${baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl}/h5web`}
         filepath={filePath}
-        axiosConfig={{ params: { file: filePath } }}
+        axiosConfig={axiosConfig}
       >
         <TwoRenderApp />
       </H5GroveProvider>