title: Error - Should not import the named export
body: <p>I have updated my Angular project to version 12.0.5 and Typescript version to 4.3.4 and I am having trouble compiling the project.</p>
  <p>Currently I get the following error without having made changes to the branch:</p>
  <pre><code>Should not import the named export 'provinces' (imported as 'data') from default-exporting module (only default export is available soon)
  </code></pre>
  <p>This is the <code>import</code>:</p>
  <pre><code>import { ApiService, Municipality, Province } from '../../services/api.service';
  </code></pre>
  <p>And this is how I declare the variables that depend on the import Province:</p>
  <pre><code>public provinces: Province[] = [];
    private currentPorvince: Province;
  </code></pre>
  <p>What is the problem? Why is this happening and how can I solve it?</p>