Adding new CRUD item via form adds it to the end of the current page on the CRUD items list
mkleszcz opened this issue · comments
Describe the bug
After introducing pagination on CRUD items (#321) there is an issue with the new item form. After successfully creating the item, it is getting added to the end of the current page not respecting the pagination.
Steps to reproduce
- Go to the CRUD list
- Click
Add new item
button - Fill the form and save it
- Observe that the item is added to the list even if there is active first page of the many
System Info
System:
OS: macOS 13.4.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 244.75 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.4.0 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.12.1 - /usr/local/bin/npm
pnpm: 8.6.1 - /usr/local/bin/pnpm
Watchman: 2022.12.12.00 - /usr/local/bin/watchman
Browsers:
Chrome: 115.0.5790.114
Safari: 16.5.2
npmPackages:
@apollo/client: ^3.7.9 => 3.7.9
@apollo/rover: ^0.12.2 => 0.12.2
@babel/preset-react: ^7.14.5 => 7.18.6
@graphql-typed-document-node/core: ^3.2.0 => 3.2.0
@nx/devkit: 16.3.2 => 16.3.2
@nx/eslint-plugin: 16.3.2 => 16.3.2
@nx/jest: 16.3.2 => 16.3.2
@nx/js: 16.3.2 => 16.3.2
@nx/linter: 16.3.2 => 16.3.2
@nx/node: 16.3.2 => 16.3.2
@nx/plugin: 16.3.2 => 16.3.2
@nx/react: 16.3.2 => 16.3.2
@nx/web: 16.3.2 => 16.3.2
@pmmmwh/react-refresh-webpack-plugin: ^0.5.7 => 0.5.10
@sb/core: * => 2.0.2
@svgr/webpack: ^6.1.2 => 6.5.1
@swc-node/register: ^1.4.2 => 1.5.5
@swc/cli: 0.1.62 => 0.1.62
@swc/core: ^1.2.173 => 1.3.27
@swc/helpers: 0.5.1 => 0.5.1
@tailwindcss/typography: ^0.5.9 => 0.5.9
@testing-library/react: 14.0.0 => 14.0.0
@types/gtag.js: ^0.0.12 => 0.0.12
@types/jest: 29.4.4 => 29.4.4
@types/node: 18.14.2 => 18.14.2
@types/react: 18.0.28 => 18.0.28
@types/react-dom: 18.0.11 => 18.0.11
@types/react-is: 17.0.3 => 17.0.3
@types/react-router-dom: 5.3.3 => 5.3.3
@types/styled-components: 5.1.26 => 5.1.26
@typescript-eslint/eslint-plugin: 5.59.9 => 5.59.9
@typescript-eslint/parser: 5.59.9 => 5.59.9
babel-jest: 29.4.3 => 29.4.3
babel-plugin-relay: ^14.1.0 => 14.1.0
babel-plugin-styled-components: 1.10.7 => 1.10.7
env-cmd: ^10.1.0 => 10.1.0
eslint: ^8.34.0 => 8.34.0
eslint-config-prettier: ^8.5.0 => 8.6.0
eslint-import-resolver-typescript: ^3.5.3 => 3.5.3
eslint-plugin-cypress: ^2.10.3 => 2.12.1
eslint-plugin-import: 2.27.5 => 2.27.5
eslint-plugin-jsx-a11y: 6.7.1 => 6.7.1
eslint-plugin-react: 7.32.2 => 7.32.2
eslint-plugin-react-hooks: 4.6.0 => 4.6.0
graphql: ^16.6.0 => 16.6.0
husky: ^8.0.0 => 8.0.3
jest: 29.4.3 => 29.4.3
jest-environment-jsdom: 29.4.3 => 29.4.3
jsonc-eslint-parser: ^2.1.0 => 2.1.0
lint-staged: ^10.5.4 => 10.5.4
nx: 16.3.2 => 16.3.2
nx-cloud: 16.0.5 => 16.0.5
prettier: ^2.6.2 => 2.8.3
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
react-is: 18.2.0 => 18.2.0
react-refresh: ^0.10.0 => 0.10.0
react-router-dom: 6.11.2 => 6.11.2
styled-components: 5.3.6 => 5.3.6
tailwindcss: ^3.3.2 => 3.3.2
tailwindcss-animate: ^1.0.5 => 1.0.5
ts-jest: 29.1.0 => 29.1.0
ts-node: 10.9.1 => 10.9.1
tsconfig-paths: ^4.1.2 => 4.1.2
tslib: ^2.3.0 => 2.4.1
typescript: 5.0.4 => 5.0.4
url-loader: ^4.1.1 => 4.1.1
Logs
No response
Validations
- Follow our Code of Conduct.
- Read the Contributing Guidelines.
- Read the docs.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.