title: How to connect multiple models in connector (ScopedModel)
body: <p><strong>I am trying to add fruit item to the cart, but nothing happens</strong></p>
  
  <p>Once I pressed on the 'add fruit' button nothing happens. It supposes to add fruit items in the cart list. 
  I get an error once trying to access the cart screen by pressing on the cart icon in the app bar after the 'add fruit' button was pressed.</p>
  
  <p><a href="https://i.stack.imgur.com/mebEg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mebEg.png" alt="enter image description here"></a></p>
  
  <p><strong>In this way doesn't work properly:</strong></p>
  
  <pre><code>class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return new ScopedModel(
        model: ListModel(),
        child: ScopedModel(
          model: CartModel(),
          child: MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'State Management Scoped Model',
            theme: myAppTheme,
            initialRoute: '/',
            routes: {
              '/': (context) =&gt; MyList(),
              '/cart': (context) =&gt; MyCart(),
            },
          ),
        ),
      );
    }
  }
  </code></pre>
  
  <p><strong>Another way as well:</strong></p>
  
  <pre><code>class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return new ScopedModel&lt;ListModel&gt;(
        model: ListModel(),
        child: ScopedModelDescendant&lt;ListModel&gt;(
          builder: (context, child, model) =&gt; ScopedModel&lt;CartModel&gt;(
            model: CartModel(),
          ),
          child: MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'State Management Scoped Model',
            theme: myAppTheme,
            initialRoute: '/',
            routes: {
              '/': (context) =&gt; MyList(),
              '/cart': (context) =&gt; MyCart(),
            },
          ),
        ),
      );
    }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/aT7HP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aT7HP.png" alt="enter image description here"></a></p>
  
  <p>With Provider package everything works fine :) </p>