【Riverpod】Listの値を更新したのにref.watchで再描画されない

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

class Hoge extends ConsumerWidget {
  Hoge({Key? key}) : super(key: key);

  final StateProvider<List<String>> _hogeListProvider =
      StateProvider((ref) => ['hoge', 'fuga']);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final hogeList = ref.watch(_hogeListProvider);
    return Column(
      children: [
        Column(
          children: List.generate(
            hogeList.length,
            (index) {
              return Text(hogeList[index]);
            },
          ),
        ),
        ElevatedButton(
          child: Container(
            color: Colors.blue,
          ),
          onPressed: () {
            // リストに'fuga'がなければ追加、あれば削除
            if (hogeList.contains('fuga')) {
              hogeList.remove('fuga');
            } else {
              hogeList.add('fuga');
            }
            // 削除or追加したリストをstateに代入する
            ref.read(_hogeListProvider.notifier).state = hogeList;
          },
        )
      ],
    );
  }
}

- ref.read(_hogeListProvider.notifier).state = hogeList;
+ ref.read(_hogeListProvider.notifier).state = [...hogeList];