ReactJS - TypeError: невозможно прочитать свойство setState из undefined - LocalForage IndexedDB GraphQL

    this.setState({items: value})

//    .then(data => this.setState({items: data.data.listItems.items}))

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';
import Grid from '@material-ui/core/Grid';
//import { API, graphqlOperation }  from "aws-amplify";
//import * as queries from '../graphql/queries';
import localforage from 'localforage';


const styles = {
  card: {
    minWidth: 275,
  },
  bullet: {
    display: 'inline-block',
    margin: '0 2px',
    transform: 'scale(0.8)',
  },
  title: {
    fontSize: 14,
  },
  pos: {
    marginBottom: 12,
  },
  root: {
    display: 'flex',
    flexWrap: 'wrap',
    justifyContent: 'inherit',
    padding: '10px'
  },
};

class ListItems extends Component {

state = {
    items: []
  }

componentDidMount = () => {
    this.getItems()
  }

getItems = () => {
//    ORIGINAL GraphQL Query from project
//    API.graphql(graphqlOperation(queries.listItems))
//    .then(data => this.setState({items: data.data.listItems.items}))
// ------------------------------------------------------------

//    NEW LocalForage QUERY:
    localforage.getItem('MyDatabaseKey').then(function(value) {
    // This code runs once the value has been loaded
    // from the offline store.
    this.setState({items: value})
}).catch(function(err) {
    // This code runs if there were any errors
    console.info(err);
});



  };

render(){
    const { classes } = this.props;
    const { items } = this.state;
    const bull = <span className = {classes.bullet}>•</span>;
    return (
      <div className = {classes.root}>
      <Grid container className = {classes.root} spacing = {16}>
          {items.map(item => (
             <Grid key = {item.id} item>
                 <Card className = {classes.card}>
                   <CardContent>
                     <Typography className = {classes.title} color = "textSecondary" gutterBottom>
                       {item.name}
                     </Typography>
                      <Typography component = "p">
                      {item.price}
                      </Typography>
                      <br />
                      <Typography component = "p">
                      {item.description}
                      </Typography>
                  </CardContent>
                    <CardActions>
                     <Button size = "small">Edit Item</Button>
                   </CardActions>
                 </Card>
               </Grid>
             ))}
         </Grid>
      </div>
    );
  }
}

ListItems.propTypes = {
  classes: PropTypes.object.isRequired,
};

export default withStyles(styles)(ListItems);

getItems = () => {
//    ORIGINAL GraphQL Query from project
//    API.graphql(graphqlOperation(queries.listItems))
//    .then(data => this.setState({items: data.data.listItems.items}))
// -----------------------------------------------------------------

//    NEW LocalForage QUERY:
localforage.getItem('MyDatabaseKey')
.then(value => this.setState({items: value}) )
.catch(function(err) {
    // This code runs if there were any errors
    console.info(err);
});