No breakpoint named `MOBILE` found.

[jeremiahlukus]

I am copying from
https://github.com/Codelessly/FlutterWebsite/blob/master/lib/main.dart#L44

When i wrap BlockWrapper with ResponsiveWrapper it throws the error No breakpoint named MOBILE found.

If i remove ResponsiveWrapper then the page renders

So my widget looks like

CounterPage

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return ResponsiveWrapper(
      maxWidth: 1200,
      minWidth: 1200,
      defaultScale: true,
      child: BlockWrapper(
        Scaffold(

and in my app.dart

    return MaterialApp(
      builder: (context, widget) => ResponsiveWrapper.builder(
        ClampingScrollWrapper.builder(context, widget!),
        defaultScale: true,
        minWidth: 480,
        defaultName: MOBILE,
        breakpoints: const [
          ResponsiveBreakpoint.resize(350, name: MOBILE),
          ResponsiveBreakpoint.autoScale(600, name: TABLET),
          ResponsiveBreakpoint.resize(800, name: DESKTOP),
          ResponsiveBreakpoint.autoScale(1700, name: 'XL'),
        ],
      ),
      home: const CounterPage(),

[jeremiahlukus]

    return ResponsiveWrapper(
      maxWidth: 1200,
      minWidth: 1200,
      defaultScale: true,
      breakpoints: const [
        ResponsiveBreakpoint.resize(350, name: MOBILE),
        ResponsiveBreakpoint.autoScale(600, name: TABLET),
        ResponsiveBreakpoint.resize(800, name: DESKTOP),
        ResponsiveBreakpoint.autoScale(1700, name: 'XL'),
      ],
      child: BlockWrapper(
        Scaffold(

prints
"error": "Updated layout information required for RenderPositionedBox#79fec NEEDS-LAYOUT NEEDS-PAINT to calculate semantics