the view and processed Data

src/App.js

@@ -1,5 +1,6 @@
-import { DataViews } from '@wordpress/dataviews';
+import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
 import { getTopicsElementsFormat } from './utils';
+import { useState, useMemo } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import './style.scss';
 
@@ -91,7 +92,26 @@ const fields = [
 ];
 const App = () => {
 	// "view" and "setView" definition
+	const [ view, setView ] = useState( {
+		type: 'table',
+		perPage: 10,
+		layout: defaultLayouts.table.layout,
+		fields: [
+			'img_src',
+			'id',
+			'alt_description',
+			'author',
+			'topics',
+			'width',
+			'height',
+		],
+	} );
+
 	// "processedData" and "paginationInfo" definition
+	const { data: processedData, paginationInfo } = useMemo( () => {
+		return filterSortAndPaginate( dataPhotos, view, fields );
+	}, [ view ] );
+
 	// "actions" definition
 
 	return (