When you encounter the below error, while using state object in react based webpart created by yeoman generator.
error TS2339: Property ‘items’ does not exist on type ‘Readonly<{}>’
Follow these steps
- Create an interface with the state objects as properties, as below
1 2 3 4
export interface IQuoteState { error?: string; quoteItems?: IQuoteItem[]; }
- 2.Use the interface in your component class as below
1 2 3 4 5 6 7 8 9
export default class Quotes extends React.Component<IQuoteProps, IQuoteState> { constructor(props) { super(props); this.state = { error: null, censusItems: [] }; } }