Hello everyone,

I’m currently working on a book application that features five key sections: Title, Nodes, Books, Book, and Record. My approach involves using parallel routes to display these sections within a single layout. It’s important to note that each section, particularly Title, Books, Book, and Record, incorporates animations.

Here’s how the hierarchy works: Each node contains its unique set of books and a title, and each book is associated with its individual records.

However, I’m encountering a challenge. Whenever I select a node to display its books, the entire layout undergoes a re-render. This issue persists when interacting with the Books and Record sections as well. For instance, if I click on a book or record, the title of the node initiates its animation sequence, even though the title remains unchanged.

I’m seeking advice on how to prevent the entire layout from re-rendering every time a section is clicked, especially since only a part of the content (like the title) needs updating. Any insights or suggestions would be greatly appreciated!