rosbridge_server and ros2djs on ros2 galactic not working? [rosbridge_websocket]: Exception calling subscribe callback: a bytes-like object is required, not 'str'

edit

Hello,

I am trying to run this ros2djs sample to display a map in on a html page. However when the open the html page rosbridge_server says

[ERROR] [1648211787.790774020] [rosbridge_websocket]: Exception calling subscribe callback: a bytes-like object is required, not 'str'

System Setup:

• ros2-galactic built from source on ubuntu 20.04
• rosbridge-server and rosbridge-suite installed from the ubuntu archive via apt

Expected Behaviour

Steps to reproduce

1. Launch the turtlebot simulation via ros2 launch nav2_bringup tb3_simulation_launch.py
2. Launch the rosbridge_server via ros2 run rosbridge_server rosbridge_websocket
3. Open the map.html file (the tutorial link above has a html file source that i saved on my local PC)
4. The minute I open the map.html file the error text above pops up in the terminal and i end up with a blank box on the map.html file

Can someone please point me in the right direction as to what is causing this?

Thanks