flutter - ChangeNotifer で Flutter フックを使用する方法

Question

を含む複雑なモデルがあると仮定するとChangeNotifer、モデルが変更されたときに UI を自動的に更新するにはどうすればよいでしょうか?

これが私が思いついたものですが、奇妙に見えますが、正しいですか、これを行うより良い方法はありますか?

class Playground extends HookWidget {
  const Playground({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    print("built");

    final dataState = useState(DataClass(0));
    final data = useListenable(dataState.value);

    return Scaffold(
      appBar: AppBar(
        title: Text('Title'),
      ),
      body: ListView(
        children: [
          ListTile(
            title: Text("data: ${data.cnt}"),
            onTap: () {
              data.cnt++;
            },
          ),
        ],
      ),
    );
  }
}

class DataClass with ChangeNotifier {
  int _cnt;
  int get cnt => _cnt;
  set cnt(int val) {
    _cnt = val;
    notifyListeners();
  }

  DataClass(int cnt) : _cnt = cnt;
}

ps:useStateListenableまたはのようなものuseListenableProvider