Bug 2099654 - Topology performance: Endless rerender loop when showing a Http EventSink (KameletBinding)
Summary: Topology performance: Endless rerender loop when showing a Http EventSink (Ka...
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Dev Console
Version: 4.11
Hardware: Unspecified
OS: Unspecified
high
medium
Target Milestone: ---
: 4.11.0
Assignee: Christoph Jerolimov
QA Contact: spathak@redhat.com
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2022-06-21 12:30 UTC by Christoph Jerolimov
Modified: 2022-08-10 11:18 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: No Doc Update
Doc Text:
Clone Of:
Environment:
Last Closed: 2022-08-10 11:18:49 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
event-sink-rerender-loop.mp4 (1.63 MB, video/mp4)
2022-06-21 12:34 UTC, Christoph Jerolimov
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 11749 0 None open Bug 2099654: Fix endless re-render loop when associatedDeployment is not defined 2022-06-22 19:59:34 UTC
Red Hat Product Errata RHSA-2022:5069 0 None None None 2022-08-10 11:18:58 UTC

Description Christoph Jerolimov 2022-06-21 12:30:41 UTC
Description of problem:
As a user, I want to have a performant topology graph. There is a rendering loop when displaying a Http EventSink (KameletBinding).

At the moment, it doesn't break the performance, but we might find the root cause of this rerender loop!

Version-Release number of selected component (if applicable):
4.11

How reproducible:
Always

Steps to Reproduce:
1. Install Serverless and Camel K operator
2. Create required eventing resources
3. Open the developer perspective
4. Navigate to Add > Event Sinks and search for HTTP
5. Select "HTTP Sink" and press on "Create Event Sink"
6. Enter any URL and press Create
7. Navigate to the topology graph, open the react dev tools (browser extension)
8. Select the React Components tab and enable "Highlight updates when component render."

Locally you can also add a console.log into EventSink in packages/knative-plugin/src/topology/components/nodes/EventSink.tsx

Actual results:
The component is rendered hundred of times.

Expected results:
The component should not be rerendered so often...

Additional info:

Comment 1 Christoph Jerolimov 2022-06-21 12:34:03 UTC
Created attachment 1891582 [details]
event-sink-rerender-loop.mp4

Comment 5 Sparsh Kesari 2022-06-27 10:36:18 UTC
Verified on build version 4.11.0-0.nightly-2022-06-25-081133

Verified on browser version 103.0 chrome

Comment 6 Sparsh Kesari 2022-06-27 10:36:53 UTC
Verified on build version 4.11.0-0.nightly-2022-06-25-081133

Verified on browser version 103.0 chrome

Comment 9 errata-xmlrpc 2022-08-10 11:18:49 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory (Important: OpenShift Container Platform 4.11.0 bug fix and security update), and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHSA-2022:5069


Note You need to log in before you can comment on or make changes to this bug.