Hooks can only be called from the build method of a widget that mix-in `Hooks

[iTEEECH]

Hi,

I am developing a tab available on several pages.
To do this I have divided into two parts: The TabBar and the TabViews but I'm still stuck on it.
I don't see how to useTabController outside the build method.

My Provider :

final tabProvider = Provider<TabController>((ref) {
  final controller = useTabController(initialLength: 6, initialIndex: 0);

  controller.index = ref.watch(indexProvider);
  ref.onDispose(() => controller.dispose());

  return controller;
});

Error message :

HookElement._currentHookElement != null
"Hooks can only be called from the build method of a widget that mix-in `Hooks`.\n\nHooks should only be called within the build method of a widget.\nCalling them outside of build method leads to an unstable state and is therefore prohibited.\n"

[rrousselGit]

As the error explains, you can't use hooks outside of HookWidgets.

Using hooks inside providers is not allowed.

[iTEEECH]

Thanks @rrousselGit for your feedback.