Remove stringify-dependency

Author: tannerlinsley

example/src/index.js

@@ -24,7 +24,7 @@ let list = [
 let errorRate = 0.05;
 
 const fetchTodos = ({ filter }) => {
-  console.log("fetchTodos");
+  console.log("fetchTodos", { filter });
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (Math.random() < errorRate) {
@@ -36,7 +36,7 @@ const fetchTodos = ({ filter }) => {
 };
 
 const fetchTodoByID = ({ id }) => {
-  console.log("fetchTodoByID");
+  console.log("fetchTodoByID", { id });
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (Math.random() < errorRate) {
@@ -48,7 +48,7 @@ const fetchTodoByID = ({ id }) => {
 };
 
 const postTodo = ({ name, notes }) => {
-  console.log("postTodo");
+  console.log("postTodo", { name, notes });
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (Math.random() < errorRate) {
@@ -62,7 +62,7 @@ const postTodo = ({ name, notes }) => {
 };
 
 const patchTodo = todo => {
-  console.log("patchTodo");
+  console.log("patchTodo", todo);
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (Math.random() < errorRate) {
@@ -107,7 +107,8 @@ function Todos({ initialFilter = "", setEditingID }) {
         <span>Loading... (Attempt: {failureCount + 1})</span>
       ) : error ? (
         <span>
-          Error! <button onClick={() => refetch()}>Retry</button>
+          Error!{" "}
+          <button onClick={() => refetch({ disableThrow: true })}>Retry</button>
         </span>
       ) : (
         <>
@@ -148,7 +149,10 @@ function AddTodo() {
         onChange={e => setName(e.target.value)}
         disabled={isLoading}
       />
-      <button onClick={() => mutate({ name })} disabled={isLoading || !name}>
+      <button
+        onClick={() => mutate({ name }, { disableThrow: true })}
+        disabled={isLoading || !name}
+      >
         Add Todo
       </button>
       <div>
@@ -205,7 +209,10 @@ function EditTodo({ editingID, setEditingID }) {
         <span>Loading... (Attempt: {queryState.failureCount + 1})</span>
       ) : queryState.error ? (
         <span>
-          Error! <button onClick={() => queryState.refetch()}>Retry</button>
+          Error!{" "}
+          <button onClick={() => queryState.refetch({ disableThrow: true })}>
+            Retry
+          </button>
         </span>
       ) : (
         <>
@@ -232,7 +239,10 @@ function EditTodo({ editingID, setEditingID }) {
             />
           </label>
           <div>
-            <button onClick={() => mutate(todo)} disabled={canEditOrSave}>
+            <button
+              onClick={() => mutate(todo, { disableThrow: true })}
+              disabled={canEditOrSave}
+            >
               Save
             </button>
           </div>
@@ -274,7 +284,9 @@ function RefetchAll() {
   const refetchAll = useRefetchAll();
   return (
     <div>
-      <button onClick={() => refetchAll()}>Refetch All</button>
+      <button onClick={() => refetchAll({ disableThrow: true })}>
+        Refetch All
+      </button>
     </div>
   );
 }

example/yarn.lock

@@ -1279,10 +1279,10 @@
     "@svgr/plugin-svgo" "^4.0.3"
     loader-utils "^1.1.0"
 
-"@tannerlinsley/react-query-temp@^0.0.10":
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/@tannerlinsley/react-query-temp/-/react-query-temp-0.0.10.tgz#ff9c3ad5ab639ed77e6a802c78d6f99d6730882d"
-  integrity sha512-ZUZoCBYZdEfIVRcPLHdAOPcArMfPQcJf+a7RLJHxaexXhF7f5Rn842GG9q8I2sGH7B2T4MLQ+vd9bK/KPvBRow==
+"@tannerlinsley/react-query-temp@latest":
+  version "0.0.13"
+  resolved "https://registry.yarnpkg.com/@tannerlinsley/react-query-temp/-/react-query-temp-0.0.13.tgz#976064ddbc642f8f37161ec94d4af1e1eff7ba7d"
+  integrity sha512-iSRNEtQ00yO+6N500SSIDkM3hrVESrPUZuANK6r9reHFjodweuTs//Pm544wUBvMKwwoJ8Fo/7v9FF2HhbOoVA==
   dependencies:
     fast-json-stable-stringify "^2.0.0"
 

package.json

@@ -6,8 +6,7 @@
   "license": "MIT",
   "repository": "tannerlinsley/react-query",
   "main": "dist/index.js",
-  "_module": "dist/index.es.js",
-  "_jsnext:main": "dist/index.es.js",
+  "module": "dist/index.es.js",
   "scripts": {
     "test": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
@@ -22,9 +21,7 @@
     "prop-types": "^15.5.4",
     "react": "^16.6.3"
   },
-  "dependencies": {
-    "fast-json-stable-stringify": "^2.0.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.4.4",
     "@babel/preset-env": "^7.4.5",

rollup.config.js

@@ -1,30 +1,30 @@
-import babel from "rollup-plugin-babel";
-import commonjs from "rollup-plugin-commonjs";
-import external from "rollup-plugin-peer-deps-external";
-import resolve from "rollup-plugin-node-resolve";
+import babel from 'rollup-plugin-babel'
+import commonjs from 'rollup-plugin-commonjs'
+import external from 'rollup-plugin-peer-deps-external'
+import resolve from 'rollup-plugin-node-resolve'
 
-import pkg from "./package.json";
+import pkg from './package.json'
 
 export default {
-  input: "src/index.js",
+  input: 'src/index.js',
   output: [
     {
       file: pkg.main,
-      format: "cjs",
-      sourcemap: true
-    }
-    // {
-    //   file: pkg.module,
-    //   format: "es",
-    //   sourcemap: true
-    // }
+      format: 'cjs',
+      sourcemap: true,
+    },
+    {
+      file: pkg.module,
+      format: 'es',
+      sourcemap: true,
+    },
   ],
   plugins: [
     external(),
     babel({
-      exclude: "node_modules/**"
+      exclude: 'node_modules/**',
     }),
     resolve(),
-    commonjs()
-  ]
-};
+    commonjs(),
+  ],
+}