: resolveFrom(path.resolve('node_modules'), 'react-dom'),\n },\n }\n return config\n}\n\nconst includeSrcDirectory = config =\u003E {\n config.resolve = {\n ...config.resolve,\n modules: [path.resolve('src'), ...config.resolve.modules],\n }\n return config\n}\n\nmodule.exports = [\n ['use-babel-config', '.babelrc'],\n ['use-eslint-config', '.eslintrc'],\n fixLinkedDependencies,\n \u002F\u002F includeSrcDirectory,\n]\n","directory_shortid":null,"id":"f5aaddf6-85df-488e-9405-553f981cf97f","inserted_at":"2022-05-10T19:50:39","is_binary":false,"sha":null,"shortid":"ry__IbHdU9","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":".rescriptsrc.js","updated_at":"2022-05-10T19:47:28","upload_id":null},{"code":"import React, { Component } from \"react\";\r\n\r\n\u002F\u002F components\r\nimport Datatable from \".\u002FDataTable\";\r\nimport Loading from \".\u002FLoading\";\r\n\r\n\u002F\u002F utilities\r\nimport makeData from \"..\u002Futilities\u002FmakeData\";\r\n\r\nconst data = makeData(200);\r\n\r\nconst columns = [\r\n {\r\n Header: \"First Name\",\r\n accessor: \"firstName\"\r\n },\r\n {\r\n Header: \"Last Name\",\r\n accessor: \"lastName\"\r\n },\r\n {\r\n Header: \"Age\",\r\n accessor: \"age\"\r\n },\r\n {\r\n Header: \"Visits\",\r\n accessor: \"visits\"\r\n },\r\n {\r\n Header: \"Status\",\r\n accessor: \"status\"\r\n },\r\n {\r\n Header: \"Profile Progress\",\r\n accessor: \"progress\"\r\n }\r\n];\r\n\r\nconst initialState = {\r\n pageSize: 10,\r\n pageIndex: 0\r\n};\r\n\r\nclass PeopleDataTable extends Component {\r\n \u002F\u002F Loading must be handled here because DataTable MUST have data on load\r\n renderTable() {\r\n if (!data) {\r\n return \u003CLoading \u002F\u003E;\r\n } else {\r\n return (\r\n \u003CDatatable data={data} columns={columns} initialState={initialState} \u002F\u003E\r\n );\r\n }\r\n }\r\n\r\n render() {\r\n return \u003C\u003E{this.renderTable()}\u003C\u002F\u003E;\r\n }\r\n}\r\n\r\nexport default PeopleDataTable;\r\n","directory_shortid":"Hk-OLZBuU9","id":"8f42484a-9136-467d-a537-8c6e3787fb0c","inserted_at":"2022-05-10T19:50:39","is_binary":false,"sha":null,"shortid":"H1-gOU-rdI5","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"PeopleDataTable.js","updated_at":"2022-05-10T19:58:34","upload_id":null}],"is_sse":false,"pr_number":null,"always_on":false,"external_resources":[],"view_count":13831,"fork_count":10,"permissions":{"prevent_sandbox_export":false,"prevent_sandbox_leaving":false},"like_count":0,"custom_template":null,"user_liked":false,"original_git":{"branch":"main","commit_sha":"9a2874c922d33e3ed1dba57df43058417f2644cf","path":"","repo":"react-table_usePagination","username":"ncoughlin"},"directories":[{"directory_shortid":null,"id":"54cc496d-e2e6-4ddb-aaae-3b7f1a83eb20","inserted_at":"2022-05-10T19:50:40","shortid":"SJuL-HOU9","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"public","updated_at":"2022-05-10T19:47:28"},{"directory_shortid":null,"id":"de9bb184-9713-482d-96bf-5c1632794aaf","inserted_at":"2022-05-10T19:50:40","shortid":"H1x_8-HdLc","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"src","updated_at":"2022-05-10T19:47:28"},{"directory_shortid":"H1x_8-HdLc","id":"97283510-915d-42a4-af51-d33884363eba","inserted_at":"2022-05-10T19:50:40","shortid":"Hk-OLZBuU9","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"components","updated_at":"2022-05-10T19:47:28"},{"directory_shortid":"H1x_8-HdLc","id":"5f523dac-163a-423f-8fa3-a13f0413ea75","inserted_at":"2022-05-10T19:50:40","shortid":"HkfuU-H_Lq","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"styles","updated_at":"2022-05-10T19:47:28"},{"directory_shortid":"H1x_8-HdLc","id":"25450bfc-e9b2-4dfe-a5c0-1da4cc95f72f","inserted_at":"2022-05-10T19:50:40","shortid":"Sk7uLZH_85","source_id":"963a1b07-9b3d-40aa-a3ff-0c6f74d3e977","title":"utilities","updated_at":"2022-05-10T19:47:28"}],"id":"blp9xv","screenshot_url":"https:\u002F\u002Fscreenshots.codesandbox.io\u002Fblp9xv\u002F7.png","tags":[],"git":null,"free_plan_editing_restricted":false,"privacy":0,"entry":"src\u002Findex.js","preview_secret":null,"description":null,"forked_template_sandbox":{"alias":"react-table-usepagination-gx1314","custom_template":{"color":"#61DAFB","icon_url":"github","id":"49be547a-e8a4-46e2-a4f4-c9acdfae370d","official":false,"published":false,"title":"react-table-usepagination","url":null,"v2":false},"git":{"branch":"main","commit_sha":"9a2874c922d33e3ed1dba57df43058417f2644cf","path":"","repo":"react-table_usePagination","username":"ncoughlin"},"id":"gx1314","inserted_at":"2022-05-10T19:47:28","privacy":0,"template":"create-react-app","title":"react-table-usepagination","updated_at":"2022-05-13T11:55:29"},"v2":false,"base_git":null,"forked_from_sandbox":null};