I Can't use a NestedScrollView with a GlobalKey to store state

[GerritBurgerDev]

I've been trying to store my NestedScrollViewState in order to keep the position of my NestedScrollView, however, when I do so it complains about the key being used on multiple Widgets.

// Using this will cause the key being used on multiple widgets error
final GlobalKey<ExtendedNestedScrollViewState> profileScrollKey = GlobalKey();

class ProfilePage extends HookWidget {
  final String? username;

  const ProfilePage({required this.username, super.key});

  @override
  Widget build(BuildContext context) {
   // Trying to cache the key for future use
    final scrollKey = useMemoized(GlobalKey<NestedScrollViewState>.new);

    final globalStore = Provider.of<GlobalStoreProvider>(context).myStore;
    final postStore = Provider.of<PostStoreProvider>(context).store;
    final profileStore = Provider.of<ProfileStoreProvider>(context).myStore;
    final collectionStore = Provider.of<CollectionStoreProvider>(context).myStore;

    var tabController = useTabController(
      initialLength: 4,
      initialIndex: profileStore.currentTab,
    );

    useAsyncEffect(() async {
      // Grabs the required information from the store here

      return;
    }, []);

    var loading = useState<bool>(true);
    reaction((_) => [
      profileStore.loadingUserInfo,
      profileStore.loadingNativePosts,
      profileStore.nativePosts
    ], (_) {
      if (!profileStore.loadingUserInfo && !profileStore.loadingNativePosts) {
        loading.value = false;
      } else {
        loading.value = true;
      }

      if (!profileStore.loadingUserInfo && profileStore.nativePosts.isNotEmpty) {
        loading.value = false;
      }
    });

    return loading.value
        ? const Center(
            child: CircularProgressIndicator(),
          )
        : SafeArea(
            child: Observer(
              builder: (_) {
                return DefaultTabController(
                  length: 4,
                  child: Scaffold(
                    body: ExtendedNestedScrollView(
                        key: scrollKey,
                        headerSliverBuilder: (context, innerScrolled) => <Widget>[
                              SliverToBoxAdapter(
                                child: SafeArea(
                                  child: SomeChild(),
                                ),
                              ),
                              SliverAppBar(
                                pinned: true,
                                title: Text('Some Text'),
                              ),
                              SliverToBoxAdapter(
                                child: PageHeader(),
                              ),
                            ],
                        pinnedHeaderSliverHeightBuilder: () {
                          return kToolbarHeight;
                        },
                        body: Column(
                          children: [
                            TabBar(
                                controller: tabController,
                                tabAlignment: TabAlignment.start,
                                isScrollable: true,
                                tabs: [
                                  if (!profileStore.hideNativePosts)
                                    const Tab(
                                      text: 'Tab 1',
                                      height: 40.0,
                                    ),
                                  const Tab(
                                    text: 'Tab 2',
                                    height: 40.0,
                                  ),
                                  Tab(
                                    text: 'Tab 3',
                                    height: 40.0,
                                  ),
                                  Tab(
                                    text: 'Tab 4',
                                    height: 40.0,
                                  ),
                                ],
                              ),
                            Expanded(
                              child: TabBarView(
                                controller: tabController,
                                children: [
                                  // Children views go here (which contain a CustomScrollView)
                                ],
                              ),
                            ),
                          ],
                        )),
                  ),
                );
              },
            ),
          );
  }
}

I have stripped away all the fluff in this component, for easier reading. How can I store my scroll state and reuse it?

[GerritBurgerDev]

Turns out this was more of a GoRouter issue. The nested scroll keys are being re-used on navigation push and on go it will replace and destroy the key. Thus, the solution was to use StatefulShellRoutes to preserve my widget state and so also the key.