Uncaught TypeError: Cannot set properties of undefined (setting '....') - amplify React

A bit new to Amplify. I am getting the bellow error

datastore.ts:416 Uncaught TypeError: Cannot set properties of undefined (setting 'podcast')

This is my code:

'''
import './App.css';

import { 
  PodcastCollection 
} from './ui-components';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <PodcastCollection />
     

      </header>
    </div>
  );
}

export default App;

'''