search

TanStack / query

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
https://tanstack.com/query
MIT License
42.67k stars 2.92k forks source link

test(integrations): switch react-scripts to webpack #8329

Closed lachlancollins closed 2 days ago

lachlancollins commented 3 days ago

CRA (more specifically react-scripts) installs hundreds of old packages which often have conflicts with newer dependencies. This leads to otherwise simple dependency updates causing major headaches. One temporary solution was #7667, however newer updates are running into infuriating babel resolution issues. This PR cuts out react-scripts and tests directly against webpack.

nx-cloud[bot] commented 3 days ago

☁️ Nx Cloud Report

CI is running/has finished running commands for commit acc09dca438b1990af00d90f1f3a2da5989e672b. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

✅ Successfully ran 2 targets - [`nx affected --targets=test:sherif,test:knip,test:eslint,test:lib,test:types,test:build,build --parallel=3`](https://cloud.nx.app/runs/XCqBPoZKNQ?utm_source=pull-request&utm_medium=comment) - [`nx run-many --target=build --exclude=examples/** --exclude=integrations/**`](https://cloud.nx.app/runs/ELs0jlGx4k?utm_source=pull-request&utm_medium=comment)

Sent with 💌 from NxCloud.

pkg-pr-new[bot] commented 3 days ago

Open in Stackblitz

More templates

- [@tanstack/query-example-angular-basic](https://pkg.pr.new/template/d21dad17-8f50-448f-a1e1-ae6bff1aac9c) - [@tanstack/query-example-angular-devtools-panel](https://pkg.pr.new/template/7392a8a0-cc45-4b02-86c7-c97f1e2042f4) - [@tanstack/query-example-angular-infinite-query-with-max-pages](https://pkg.pr.new/template/792068e1-a9f0-487a-9f36-3386a5f4c2c3) - [@tanstack/query-example-angular-pagination](https://pkg.pr.new/template/9a4da3be-9c6b-4472-8117-68a38ef20d8c) - [@tanstack/query-example-angular-query-options-from-a-service](https://pkg.pr.new/template/1f46368d-cc48-4611-b934-1dcdc50dfaa3) - [@tanstack/query-example-angular-router](https://pkg.pr.new/template/e93f2669-c039-44eb-9e79-e7933c6d8544) - [@tanstack/query-example-angular-simple](https://pkg.pr.new/template/10416ecf-34e2-4ba3-918b-bbbda14a3452) - [@tanstack/query-example-angular-rxjs](https://pkg.pr.new/template/b54fcb26-1bd7-4e45-ac09-eb36228d811d) - [@tanstack/query-example-solid-astro](https://pkg.pr.new/template/3ebcdba4-cb08-4c69-9d82-4871730fc67e) - [@tanstack/query-example-solid-basic](https://pkg.pr.new/template/ff91eacb-e111-4bd1-8871-bea2ec84aae9) - [@tanstack/query-example-solid-basic-graphql-request](https://pkg.pr.new/template/9a846177-1742-4283-b3b1-edb80a7992f5) - [@tanstack/query-example-solid-default-query-function](https://pkg.pr.new/template/64828f93-d962-4dd1-aece-1510fc098dbb) - [@tanstack/query-example-solid-simple](https://pkg.pr.new/template/665111ec-f810-439a-ae9b-d8ae6b892530) - [@tanstack/query-example-solid-start-streaming](https://pkg.pr.new/template/214545e3-1d8c-4328-b139-1758070c5745) - [@tanstack/query-example-svelte-auto-refetching](https://pkg.pr.new/template/7fd6d5e6-30cf-4e84-8b55-4f3d61e38e34) - [@tanstack/query-example-svelte-basic](https://pkg.pr.new/template/fa7bdc95-4a16-428c-81c7-b5cb95b6a96e) - [@tanstack/query-example-svelte-load-more-infinite-scroll](https://pkg.pr.new/template/88af5a2b-ebf2-43d8-b38c-3a3c8e4daa13) - [@tanstack/query-example-svelte-optimistic-updates](https://pkg.pr.new/template/2c82878f-8408-4706-a3cb-acb6d6e86526) - [@tanstack/query-example-svelte-playground](https://pkg.pr.new/template/e2db0bbe-96ae-476c-8313-9e294b92ee13) - [@tanstack/query-example-svelte-simple](https://pkg.pr.new/template/3504e03b-28a3-477e-9d7c-865383ec652d) - [@tanstack/query-example-svelte-ssr](https://pkg.pr.new/template/76c3c794-9d48-437a-a807-6a7f96c6d7aa) - [@tanstack/query-example-svelte-star-wars](https://pkg.pr.new/template/3e734e83-4513-4928-9af0-a202be67cd9a) - [@tanstack/query-example-react-algolia](https://pkg.pr.new/template/34bea562-64ea-4684-be1d-f63798713a36) - [@tanstack/query-example-react-auto-refetching](https://pkg.pr.new/template/7f556f1d-531b-40b7-a69f-e919c872c88f) - [@tanstack/query-example-react-basic-graphql-request](https://pkg.pr.new/template/90d529e1-ebde-4a59-8124-60981ee438d1) - [@tanstack/query-example-react-basic](https://pkg.pr.new/template/959b0255-dc15-4031-a1ad-10a6a1804a29) - [@tanstack/query-example-react-default-query-function](https://pkg.pr.new/template/34eb3cea-1745-4567-b0a9-7a816379e50b) - [@tanstack/query-example-react-devtools-panel](https://pkg.pr.new/template/b69a0c35-ddb2-45d7-b4e0-d32c777551f5) - [@tanstack/query-example-react-infinite-query-with-max-pages](https://pkg.pr.new/template/f4f201e7-a722-420b-bc76-953262834696) - [@tanstack/query-example-react-load-more-infinite-scroll](https://pkg.pr.new/template/d71ec26e-b6a6-4648-89dc-87fd388135ec) - [@tanstack/query-example-react-nextjs](https://pkg.pr.new/template/42d3f4c0-2826-45ed-9c2e-d13e4c786dd7) - [@tanstack/query-example-react-nextjs-app-prefetching](https://pkg.pr.new/template/a218f9bf-3428-4480-b1ef-7f018f68c34f) - [@tanstack/query-example-nextjs-suspense-streaming](https://pkg.pr.new/template/e8fb5325-fb28-4294-bafe-39cd529cb134) - [@tanstack/query-example-react-offline](https://pkg.pr.new/template/69a1e61b-bfc2-498f-a37f-d49b98d1b224) - [@tanstack/query-example-react-optimistic-updates-cache](https://pkg.pr.new/template/8c371934-f99e-4fb1-a42c-fcc705cf1f10) - [@tanstack/query-example-react-optimistic-updates-ui](https://pkg.pr.new/template/0cf09752-6770-4365-94f8-4ceb6bc09a8e) - [@tanstack/query-example-react-pagination](https://pkg.pr.new/template/223d9be0-bf18-4365-8551-fb5e79d9a3a9) - [@tanstack/query-example-react-playground](https://pkg.pr.new/template/5b304eaf-19e0-43b1-9b7a-11a2446bc859) - [@tanstack/query-example-react-prefetching](https://pkg.pr.new/template/38f01e44-b797-44c1-aa73-4ad053c5da3c) - [@tanstack/query-example-react-react-native](https://pkg.pr.new/template/9728b743-ed10-43b7-a35d-b1e6ba618733) - [@tanstack/query-example-react-router](https://pkg.pr.new/template/46449d13-6867-4bbf-aec1-1f3041dc4531) - [@tanstack/query-example-react-rick-morty](https://pkg.pr.new/template/0fdfa602-b953-4263-bc1b-f65cbff6968a) - [@tanstack/query-example-react-shadow-dom](https://pkg.pr.new/template/f0916c76-0b81-4a46-b3bb-23a8c6437b2d) - [@tanstack/query-example-react-simple](https://pkg.pr.new/template/49e770df-65c1-4c31-9c55-6bf7874f4fc7) - [@tanstack/query-example-react-star-wars](https://pkg.pr.new/template/38f85f7d-95d2-4d88-bcf0-de25db8bfdba) - [@tanstack/query-example-react-suspense](https://pkg.pr.new/template/dc68051e-9597-476e-b702-090af9830965) - [@tanstack/query-example-vue-2.6-basic](https://pkg.pr.new/template/fda6546c-06bd-409e-aa3d-cc0d3386f95f) - [@tanstack/query-example-vue-2.7-basic](https://pkg.pr.new/template/2e8f1a60-7445-40c2-9960-bb1265d780cc) - [@tanstack/query-example-vue-basic](https://pkg.pr.new/template/e8ebba29-e9ca-45d5-9591-433060bc0cf7) - [@tanstack/query-example-vue-dependent-queries](https://pkg.pr.new/template/f82edeef-09a8-4205-af8b-fa0947731bc0) - [@tanstack/query-example-vue-nuxt3](https://pkg.pr.new/template/6df77a9e-4c22-4954-97a9-f138d8e521e4) - [@tanstack/query-example-vue-persister](https://pkg.pr.new/template/35185cf8-4773-471e-9ad1-a425ec4b5684) - [@tanstack/query-example-vue-simple](https://pkg.pr.new/template/0cd7b15e-e71b-4341-bc08-2eaff3a5f5ce)

@tanstack/angular-query-devtools-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-devtools-experimental@8329 ```

@tanstack/query-async-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-async-storage-persister@8329 ```

@tanstack/query-broadcast-client-experimental

``` pnpm add https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@8329 ```

@tanstack/angular-query-experimental

``` pnpm add https://pkg.pr.new/@tanstack/angular-query-experimental@8329 ```

@tanstack/query-core

``` pnpm add https://pkg.pr.new/@tanstack/query-core@8329 ```

@tanstack/eslint-plugin-query

``` pnpm add https://pkg.pr.new/@tanstack/eslint-plugin-query@8329 ```

@tanstack/query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/query-devtools@8329 ```

@tanstack/query-persist-client-core

``` pnpm add https://pkg.pr.new/@tanstack/query-persist-client-core@8329 ```

@tanstack/query-sync-storage-persister

``` pnpm add https://pkg.pr.new/@tanstack/query-sync-storage-persister@8329 ```

@tanstack/react-query

``` pnpm add https://pkg.pr.new/@tanstack/react-query@8329 ```

@tanstack/react-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/react-query-devtools@8329 ```

@tanstack/react-query-next-experimental

``` pnpm add https://pkg.pr.new/@tanstack/react-query-next-experimental@8329 ```

@tanstack/react-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/react-query-persist-client@8329 ```

@tanstack/solid-query

``` pnpm add https://pkg.pr.new/@tanstack/solid-query@8329 ```

@tanstack/solid-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-devtools@8329 ```

@tanstack/solid-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/solid-query-persist-client@8329 ```

@tanstack/svelte-query

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query@8329 ```

@tanstack/svelte-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-devtools@8329 ```

@tanstack/svelte-query-persist-client

``` pnpm add https://pkg.pr.new/@tanstack/svelte-query-persist-client@8329 ```

@tanstack/vue-query

``` pnpm add https://pkg.pr.new/@tanstack/vue-query@8329 ```

@tanstack/vue-query-devtools

``` pnpm add https://pkg.pr.new/@tanstack/vue-query-devtools@8329 ```

commit: acc09dc

codecov[bot] commented 2 days ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 45.95%. Comparing base (2588a08) to head (acc09dc). Report is 1 commits behind head on main.

Additional details and impacted files [![Impacted file tree graph](https://app.codecov.io/gh/TanStack/query/pull/8329/graphs/tree.svg?width=650&height=150&src=pr&token=jqEbswkEDQ&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack)](https://app.codecov.io/gh/TanStack/query/pull/8329?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) ```diff @@ Coverage Diff @@ ## main #8329 +/- ## ========================================= + Coverage 0 45.95% +45.95% ========================================= Files 0 200 +200 Lines 0 7507 +7507 Branches 0 1713 +1713 ========================================= + Hits 0 3450 +3450 - Misses 0 3680 +3680 - Partials 0 377 +377 ``` | [Components](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=components&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | Coverage Δ | | |---|---|---| | [@tanstack/angular-query-devtools-experimental](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | | | [@tanstack/angular-query-experimental](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `87.13% <ø> (∅)` | | | [@tanstack/eslint-plugin-query](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `88.12% <ø> (∅)` | | | [@tanstack/query-async-storage-persister](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `43.85% <ø> (∅)` | | | [@tanstack/query-broadcast-client-experimental](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | | | [@tanstack/query-codemods](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `0.00% <ø> (∅)` | | | [@tanstack/query-core](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `93.69% <ø> (∅)` | | | [@tanstack/query-devtools](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `4.78% <ø> (∅)` | | | [@tanstack/query-persist-client-core](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `57.73% <ø> (∅)` | | | [@tanstack/query-sync-storage-persister](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `84.61% <ø> (∅)` | | | [@tanstack/react-query](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `95.54% <ø> (∅)` | | | [@tanstack/react-query-devtools](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `10.00% <ø> (∅)` | | | [@tanstack/react-query-next-experimental](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | | | [@tanstack/react-query-persist-client](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `100.00% <ø> (∅)` | | | [@tanstack/solid-query](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `78.20% <ø> (∅)` | | | [@tanstack/solid-query-devtools](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | | | [@tanstack/solid-query-persist-client](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `100.00% <ø> (∅)` | | | [@tanstack/svelte-query](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `87.33% <ø> (∅)` | | | [@tanstack/svelte-query-devtools](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | | | [@tanstack/svelte-query-persist-client](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `100.00% <ø> (∅)` | | | [@tanstack/vue-query](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `71.45% <ø> (∅)` | | | [@tanstack/vue-query-devtools](https://app.codecov.io/gh/TanStack/query/pull/8329/components?src=pr&el=component&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=TanStack) | `∅ <ø> (∅)` | |

🚨 Try these New Features: