EditText reverting to previous value

[tony123S]

On the PageB screen, there is an EditText with an initial value set to "ttt". After the user retypes and press "Next", it will goes to PageC screen. if user press the "back" button in PageC, the EditText's value in PageB screen reverts to "ttt."

Why would this happen? How should we fix this?

PageA

class PageA extends HookWidget {
  final Invoice invoice;  // this object pass from another Screen

  late  PageB pageB;

  PageA(this.invoice, {super.key});
  @override
  Widget build(BuildContext context) {
    final index = useState(1);
    useMemoized(() {
      pageB = PageB(invoice);
      [invoice];
    });

    return ContainerWithLoadingOverlay(
        child: Scaffold(
      bottomNavigationBar: index.value == 1
          ? Padding(
              padding: const EdgeInsets.all(15),
              child: InkWell(
                  onTap: () {
                    if (index.value == 1) {
                      index.value++;
                    }
                  },
                  child: const Button(text: 'next')),
            )
          : Row(children: [
              Expanded(
                  child: InkWell(
                      onTap: () {
                        index.value--;
                      },
                      child: Button(
                        text: 'back'.tr(),
                      ))),
              Expanded(
                  child: Button(
                text: 'submit'.tr(),
              ))
            ]),
      body: BlocConsumer<EditInvoiceCubit, EditInvoiceState>(
        builder: (context, state) {
          return StepBarProgressBar(
              totalSteps: 2,
              currentStep: index.value,
              child: index.value == 1
                  ? pageB
                  : const Text('page 2'));
        },
        listener: ((context, state) {}),
      ),
      appBar: AppBar(
        elevation: 0,
      ),
    ));
  }
}

PageB

class PageB extends HookWidget {
  Invoice invoice;
  PageB(this.invoice, {super.key});
  final _invoiceTitleController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    useMemoized(() {
      _invoiceTitleController.text = invoice.invoiceTitle ?? "";  // initial set to "ttt"
      [invoice];
    });

    return Expanded(
        child: Padding(
      padding: const EdgeInsets.all(20),
      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        const SizedBox(height: 5),
        Expanded(
          child: ListView(
            shrinkWrap: true,
            children: [
              TextFieldInput(
                title: "invoiceTitle".tr(),
                isMandatory: false,
                textEditingController: _invoiceTitleController,
              ),
            ],
          ),
        )
      ]),
    ));
  }
}

Here the demo

https://imgur.com/yNss5Pt

[tony123S]

fixed