: 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","id":"mod_XLVX7mCgNZ17XiGqQfw5dQ","is_binary":false,"title":".rescriptsrc.js","sha":null,"inserted_at":"2022-05-10T19:50:39","updated_at":"2022-05-10T19:47:28","upload_id":null,"shortid":"ry__IbHdU9","source_id":"src_KYwSoVra5xMCLQBVzjhmDG","directory_shortid":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","id":"mod_Jh2uXSWk5hjDB69vxuyK4w","is_binary":false,"title":"PeopleDataTable.js","sha":null,"inserted_at":"2022-05-10T19:50:39","updated_at":"2022-05-10T19:58:34","upload_id":null,"shortid":"H1-gOU-rdI5","source_id":"src_KYwSoVra5xMCLQBVzjhmDG","directory_shortid":"Hk-OLZBuU9"}],"free_plan_editing_restricted":false,"view_count":130724,"external_resources":[],"custom_template":null,"draft":true,"inserted_at":"2022-05-10T19:50:40","ai_consent":false,"title":"react-table_usePagination","version":7,"forked_from_sandbox":null,"npm_registries":[],"restricted":false,"source_id":"src_KYwSoVra5xMCLQBVzjhmDG","id":"blp9xv","tags":[],"feature_flags":{"comments":false,"container_lsp":false},"picks":[],"authorization":"read","updated_at":"2022-05-10T19:59:54","user_liked":false,"settings":{"ai_consent":null,"use_pint":false},"original_git":{"path":"","branch":"main","repo":"react-table_usePagination","username":"ncoughlin","commit_sha":"9a2874c922d33e3ed1dba57df43058417f2644cf"},"is_sse":false,"team":{"id":"ws_RHBvxfZVZgnxBMcjMXNJcB","name":"ncoughlin","settings":{"ai_consent":{"public_sandboxes":false,"private_sandboxes":false}},"subscription_type":null,"avatar_url":"https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F3167700?v=4"},"base_git":null,"git":null,"fork_count":87};