panel: panel does not interact properly with plotly.express in jupyter notebook

My jupyter lab extension list:

Versions of jupyter, plotly and panel:

In the current environment, panel and plotly work independently. However, the integration shown in the code below produced nothing. I also attached the screenshot of the jupyter notebook to show the output (blank). Panel integrates fine with hvplot.

import pandas as pd
import numpy as np
import panel as pn
from panel.interact import interact
import plotly.express as px
import hvplot.pandas
pn.extension("plotly")

# Create data
housing_transactions = pd.DataFrame(
    {
        "years": np.random.randint(2010, 2019, 100),
        "sales": np.random.randint(53, 500, 100),
        "foreclosures": np.random.randint(10, 147, 100),
    }
).sort_values(["years", "sales"])

# Create scatter plot
scatter_plot = px.scatter(
    housing_transactions,
    x="sales",
    y="foreclosures",
    color="years",
    title="Allegheny Sales/Foreclosures Correlation",
)

# Create bar plot
transactions_by_year = housing_transactions.groupby("years").sum().reset_index()
bar_plot = px.bar(
    transactions_by_year, x="years", y="sales", title="Alleghany Sales by Year"
)

# Create row
row = pn.Row(scatter_plot, bar_plot)
row