attempt 3

Author: Archmonger

src/js/packages/@reactpy/client/src/components.tsx

@@ -175,6 +175,7 @@ function useImportSource(model: ReactPyVdom): MutableRefObject<any> {
   const mountPoint = useRef<HTMLElement>(null);
   const client = useContext(ClientContext);
   const [binding, setBinding] = useState<ImportSourceBinding | null>(null);
+  const bindingSource = useRef<string | null>(null);
 
   useEffect(() => {
     let unmounted = false;
@@ -184,6 +185,7 @@ function useImportSource(model: ReactPyVdom): MutableRefObject<any> {
       loadImportSource(vdomImportSource, client).then((bind) => {
         if (!unmounted && mountPoint.current) {
           currentBinding = bind(mountPoint.current);
+          bindingSource.current = vdomImportSourceJsonString;
           setBinding(currentBinding);
         }
       });
@@ -206,6 +208,9 @@ function useImportSource(model: ReactPyVdom): MutableRefObject<any> {
     if (!(binding && vdomImportSource)) {
       return;
     }
+    if (bindingSource.current !== vdomImportSourceJsonString) {
+      return;
+    }
     binding.render(model);
     if (vdomImportSource.unmountBeforeUpdate) {
       return binding.unmount;