title: Attempted import error: 'uuid' does not contain a default export (imported as 'uuid') In React
body: <p><strong>Error is :Attempted import error: 'uuid' does not contain a default export (imported as 'uuid')</strong></p>
  
  <p><strong>This is the Code Sample</strong> </p>
  
  <pre><code>import uuid from "uuid";
  //import * as uuid from "uuid";
  import TodoInput from "./components/TodoInput";
  import TodoList from "./components/TodoList";
  
  export default class App extends Component {
  state = {
    items: [
      { id: 1, title: "wake up" },
      { id: 2, title: "make breakfast" }
    ],
    id: uuid(),
    item: "",
    editItem: false
  };
  ....
  ....
  </code></pre>
  
  <p><em>What Could be the Reason Behind This?</em></p>