PnP ListView with PnP Field Controls

In this 5-minute developer focused demo, Alex Terentiev shows viewers an example of how you can use and combine reusable PnP React Controls in the web parts you are building. Specifically, he focuses on the standard SharePoint List View control and modifies it using a several controls found in the SPFx repository. Why modify? The standard control flattens your data - pictures for example. The presenter shows how to use PnP controls to get/render original (un-flattened) pictures in your list. This demo is extracted from the bi-weekly PnP community – SharePoint Framework and JavaScript Special Interest Group (SIG) call recorded April 23, 2020.

Presenter: Alex Terentiev (Sharepointalist) | @alexaterentiev

Supporting materials:

[kokoc]

Ссылки в описании не открываются 404

public render(): {

return(
<div
<ListView...

'ListView' cannot be used as a JSX component.
Its instance type 'ListView' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
Type 'ReactElement<IListViewProps, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)>) | (new (props: any) => Component<...>)>' is not assignable to type 'false | Element'.
Type 'ReactElement<IListViewProps, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)>) | (new (props: any) => Component<...>)>' is not assignable to type 'Element'.
Types of property 'type' are incompatible.

[Sp-leoy]

Hi Team, thank you for video, recently we developed 1 spfx solution using pnp Listview, it shows blank value when scroll down, and when we do any event like f12, browser resize, it starts showing missing entries also.
could you please help