Using React.lazy with TypeScript

Question

I am trying to use React.lazy for code splitting in my TypeScript React app.

All I am doing is changing that line:

import {ScreensProductList} from \         


        

Answer 1

Another way

const UsersList = () => (
  ..JSX
)

export default UsersList as React.FC;

Or in old class components

class UsersList extends Component {
  render(){

  }
}


export default UsersList as React.ComponentType

and while importing using React.lazy

React.lazy( ()=> import("./UsersList") )