useEffect(() {
  print('Widget initialized!');
  return null; // Cleanup if needed
}, [ ]);

final result = useMemoized(() => expensiveCalculation(), [dependency]);

final streamData = useStream(myStream);

final animationController = useAnimationController(
  duration: const Duration(seconds: 1),
);

class CounterHook {
  final int value;
  final VoidCallback increment;

  CounterHook({required this.value, required this.increment});
}

CounterHook useCounter() {
  final counter = useState(0); // Using useState to hold the state

  // The increment function updates the counter value
  void incrementCounter() {
    counter.value++;
  }

   return CounterHook(
    value: counter.value,
    increment: incrementCounter,
  );
}

class CounterPage extends HookWidget {
  const CounterPage({super.key, required this.title});
  final String title;

  @override
  Widget build(BuildContext context) {
    final counterState = useCounter();
    final counter = counterState.value;
    final incrementCounter = counterState.increment;

    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: Text(title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), 
    );
  }
}