How to correctly use useEffect?

[anmol-me]

I want to use useEffect with TextEditingController instead of useTextEditingController.
Error: LateInitializationError: Local 'controller' has not been initialized.

Also, Is it a complete replacement for init and dispose lifecycle methods?

class EffectTest extends HookWidget {
  const EffectTest({super.key});

  @override
  Widget build(BuildContext context) {
    late TextEditingController controller;

    useEffect(
      () {
        controller = TextEditingController();

        return () {
          controller.clear();
        };
      },
      [],
    );

    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            Text(controller.value.text),
            TextField(
              controller: controller,
              onSubmitted: (value) {
                print(controller.value.text);
              },
            ),
          ],
        ),
      ),
    );
  }
}

[rrousselGit]

useEffect isn't for creating state

Are you looking for useTextEditingController?