Kedro viz with proxy does not show additional information

Description

Additional information is available only for the first couple of seconds when you are open it, and then it just disappears. Look at the picture below. I hided some information. What I am saying about is inside red rectangle.

Context

We have a remote cluster setup for working where we have jupyter hub installed and all interactions with this remote server are through this hub. So, to get kedro viz there, we had to make it work via this hub by using proxies. I am not sure about all technical details, but I can share with you my conversation with our support guy who was investigating this problem a bit:

Long story short – this is an issue with how kedro-viz frontend treats working with the proxy server Static javascript that is already built-in in the package is not configured to dynamically modify its paths when served through the proxy server (which is the case for us). On the start of kedro viz, we load an html which has some relative paths, causing all the content to prepend /user/<username> base path. But all the subsequent requests are done from the loaded js files that don’t have /user/<username> base path prepended as they should. After lots of digging I found out this: https://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually. Which I confirmed to myself by finding this: https://github.com/mlflow/mlflow/blob/master/mlflow/server/js/src/setupProxy.js. As you can see, this file being present in their repo is most likely (99%) the reason why mlflow does not have such an issue.

I can confirm that we start MLFlow the same way as Kedro Viz, and it does not have such problems. But still, I cannot be sure that the reason is really in these configurations.

Steps to Reproduce

I am afraid I cannot properly describe all steps to reproduce this issue, as I have lack of technical knoledges of how jupyterhub works with proxies. Please let me know if you have any questions that I can address to our infrastructure team to help you understand the source of the problem.

Expected Result

Information should be shown

Actual Result

Information does not be shown

Your Environment

• Web browser system and version: does not matter
• Operating system and version: CentOS Linux 7
• Output of jupyter --version command:

  IPython          : 7.29.0
  ipykernel        : 6.5.0
  ipywidgets       : 7.6.5
  jupyter_client   : 7.0.6
  jupyter_core     : 4.9.1
  jupyter_server   : 1.11.2
  jupyterlab       : 3.2.2
  nbclient         : 0.5.5
  nbconvert        : 6.2.0
  nbformat         : 5.1.3
  notebook         : 6.4.5
  qtconsole        : not installed
  traitlets        : 5.1.1

Checklist

• Include labels so that we can categorise your issue

[IanVlasov]

Hello @tynandebold @AntonyMilneQB ! Many thanks for such fast fix! I can confirm that it works, we see detailed information, and it does not disappear anymore!

[AntonyMilneQB]

@IanVlasov this should be fixed in Kedro-Viz 4.7.1. Please give it a go and let us know if it works for you!

I’m going to leave this issue open for testing purposes and also because I want to think about it a bit more in connection with #910. I think we might have a really nice new build-in workflow for this in the future. Thank you @IanVlasov for your very helpful issue!