stockroom

I'm working a lot with TypeScript+Preact+Stockroom, and I needed types to make my workflow even better. Let's make everyone's worflow better with TS 😄

Error: Avatar(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. ▶ 17 stack frames were collapsed. Module../src/index.js C:/Users/Administrator/react2019ayushi/reactproj/src/index.js:10 7 | import Avatar from './Avatar'; 8 | 9 | 10 | ReactDOM.render(, document.getElementById('root')); 11 | 12 | 13 | serviceWorker.unregister(); View compiled Avatar.js: import React, { Component } from 'react'; import './Avatar.css'; import Avatarlist from './Avatarlist'; import 'tachyons'; const Avatar = (props) => { class Avatar extends Component{ constructor(){ super(); this.state = { name : "Welcome to avatar world" } } namechange(){ this.setState({ name : "Subscribe to ayushi" }) } render() { const avaratlistarray = [ { id:1, name:"ayushi", work:"web developer" }, { id:2, name:"ishita", work:"front-End developer" }, ] const arrayavaratcard = avaratlistarray.map( (avatarcard, i) => { return } ) return ( {this.state.name} {arrayavaratcard} this.namechange() }> Subscribe ) } } } export default Avatar;

I am trying to implement the basic counter using React but getting the below error invariant.js:42 Uncaught Error: p(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. at invariant (invariant.js:42) at reconcileChildFibers (react-dom.development.js:7688) at reconcileChildrenAtExpirationTime (react-dom.development.js:7756) at reconcileChildren (react-dom.development.js:7747) at mountIndeterminateComponent (react-dom.development.js:8075) at beginWork (react-dom.development.js:8221) at performUnitOfWork (react-dom.development.js:10224) at workLoop (react-dom.development.js:10288) at HTMLUnknownElement.callCallback (react-dom.development.js:542) at Object.invokeGuardedCallbackDev (react-dom.development.js:581)