diff --git a/client/src/reader/containers/annotation/Annotatable.js b/client/src/reader/containers/annotation/Annotatable.js
index a599e2ca3e..5773325ac1 100644
--- a/client/src/reader/containers/annotation/Annotatable.js
+++ b/client/src/reader/containers/annotation/Annotatable.js
@@ -56,7 +56,7 @@ export class Annotatable extends Component {
   }
 
   componentDidUpdate(prevProps, prevState) {
-    if (this.props.annotations?.length !== prevProps.annotations?.length)
+    if (!isEqual(this.props.annotations, prevProps.annotations))
       this.setState({ renderedAnnotations: this.props.annotations });
 
     const { selection } = this.state.selectionState ?? {};