Jak zrobić komponent który się nie zamyka przy zmianie stron

Hej, chcialbym stworzyc komponent ktory zwieralby notatki. Bylby to panel otwierajacy z prawej strony (cos w tym stylu https://ui.shadcn.com/docs/components/sheet) ktory zawieralby liste notatek uzytkownika i po kliknieciu ktorego wyswietlalby sie podglad danej notatki. Chcialbym zeby dzialalo to w ten sposob ze jak juz notatka jest otworzona to jak zmienie obecne strone na jakis inna (np. poprzez wybranie innej strony z panelu bocznego na https://ui.shadcn.com/docs/components/sheet), stan notatek z poprzedniej strony sie zachowuja i automatycznie sie ona otwiera rowniez na nowej stronie. Chodzi o to ze te "strony" beda zawierac rozny tekst i chcialbym zeby uzytkownik mial mozliwosc szybkiego skopiowania tekstu z roznych stron do jednej notatki. Oczywiscie moglby on za kazdym razem otwierac notatke, wklajac test, zapisywac, zamykac i zmieniac strone itd ale zastanawiam sie czy da sie to rozwiazac tak jak opisalem? Uzywam ReactJS

Musisz zrobić plugin do przeglądarki, w pluginie zrobić, że ma działać dla wszystkich stron, ustawić sobie permissiony do zapisu i zapisywać do storage.

Jeśli dobrze rozumiem to masz trzy wyjścia:

1. Nie zmieniać tak naprawdę stron tylko je ukrywać / pokazywać.
2. Zapisywać stan dokumentu i wszystkich kontrolek w pamięci i go odtwarzać przy przechodzeniu między nimi. W tym również możliwe że stan zaznaczenia itp.
3. Rozszerzyć router w reactcie żeby zapamiętywał DOM odłączonego drzewka - nie wiem jak to zrobić i ze względu na to jak działa react może to nie być możliwe. Wiem że jest możliwe w angularze ale nie polecam iść tą drogą.

Polecam podejście numer 2 bo jest najbardziej solidne, ale pierwsze jest najłatwiejsze do zrobienia choć może ucierpieć performance.

// czytam jeszcze raz i chyba problem jest łatwiejszy niż początkowo myślałem - wygląda na to że po prostu potrzebujesz renderować komponent notatek na wyższej warstwie layoutu i go nie zmieniać.