I am trying to initialize a key value pair on disk but am not able to get into the initState() function. I am sure I am missing something very trivial… please help me out.

class Homepage extends StatefulWidget {
  const Homepage({super.key});

  @override
  State<Homepage> createState() => _HomepageState();
}

class _HomepageState extends State<Homepage> {
  List<String> groupNames = [];

  @override
  initSatate() {
    print('inside initstate');
    super.initState();
    _loadDB();
  }

  Future<void> _loadDB() async {
    final prefs = await SharedPreferences.getInstance();
    if (prefs.getStringList('groups') == Null) {
      await initDB(prefs);
      List<String>? names = await prefs.getStringList('groups');
      setState(() {
        groupNames = names as List<String>;
      });
      print(groupNames);
      return;
    }
    List<String>? names = await prefs.getStringList('groups');
    setState(() {
      groupNames = names as List<String>;
    });
    print(groupNames);
  }

VSCode just asks to remove the override decorator and the warning goes away but the init function i have written is still not called