chore(refine): add useNewQueryKeys: true to options (#377)

* chore(refine): add `useNewQueryKeys` option * chore(refine): add missing `projectId` property of `options` * chore: fix useMenu route usage * chore: update social image --------- Co-authored-by: Ömer Faruk APLAK <[email protected]>
pankod · Nov 13, 2023 · 00790f3 · 00790f3
1 parent 3b1a313
commit 00790f3
Show file tree

Hide file tree

Showing 16 changed files with 36 additions and 8 deletions.
diff --git a/refine-nextjs/plugins/_base/src/components/menu/index.tsx b/refine-nextjs/plugins/_base/src/components/menu/index.tsx
@@ -18,7 +18,7 @@ export const Menu = () => {
                 {menuItems.map((item) => (
                     <li key={item.key}>
                         <Link
-                            href={item.route}
+                            href={item.route ?? "/"}
                             className={selectedKey === item.key ? "active" : ""}
                         >
                             {item.label}

diff --git a/refine-nextjs/plugins/auth-provider-auth0/pages/_app.tsx b/refine-nextjs/plugins/auth-provider-auth0/pages/_app.tsx
@@ -166,6 +166,10 @@ export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
                 options={{
                     syncWithLocation: true,
                     warnWhenUnsavedChanges: true,
+                    useNewQueryKeys: true,
+                    <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                        projectId: "<%= projectId %>",
+                    <%_ } _%>
                 }}
             >
                 {props.children}

diff --git a/refine-nextjs/plugins/auth-provider-google/pages/_app.tsx b/refine-nextjs/plugins/auth-provider-google/pages/_app.tsx
@@ -166,6 +166,10 @@ export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
                 options={{
                     syncWithLocation: true,
                     warnWhenUnsavedChanges: true,
+                    useNewQueryKeys: true,
+                    <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                        projectId: "<%= projectId %>",
+                    <%_ } _%>
                 }}
             >
                 {props.children}

diff --git a/refine-nextjs/plugins/auth-provider-keycloak/pages/_app.tsx b/refine-nextjs/plugins/auth-provider-keycloak/pages/_app.tsx
@@ -166,6 +166,10 @@ export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
                 options={{
                     syncWithLocation: true,
                     warnWhenUnsavedChanges: true,
+                    useNewQueryKeys: true,
+                    <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                        projectId: "<%= projectId %>",
+                    <%_ } _%>
                 }}
             >
                 {props.children}

diff --git a/refine-nextjs/template/pages/_app.tsx b/refine-nextjs/template/pages/_app.tsx
@@ -139,6 +139,7 @@ function MyApp({ Component, pageProps }: AppPropsWithLayout): JSX.Element {
                     options={{
                         syncWithLocation: true,
                         warnWhenUnsavedChanges: true,
+                        useNewQueryKeys: true,
                         <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
                             projectId: "<%= projectId %>",
                         <%_ } _%>

diff --git a/refine-react/plugins/_base/src/components/menu/index.tsx b/refine-react/plugins/_base/src/components/menu/index.tsx
@@ -18,7 +18,7 @@ export const Menu = () => {
                 {menuItems.map((item) => (
                     <li key={item.key}>
                         <NavLink
-                            to={item.route}
+                            to={item.route ?? "/"}
                         >
                             {item.label}
                         </NavLink>

diff --git a/refine-react/template/public/index.html b/refine-react/template/public/index.html
@@ -6,8 +6,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#000000" />
         <meta name="description" content="refine | Build your React-based CRUD applications, without constraints." />
-        <meta data-rh="true" property="og:image" content="https://refine.dev/img/refine_social_new.png" />
-        <meta data-rh="true" name="twitter:image" content="https://refine.dev/img/refine_social_new.png" />
+        <meta data-rh="true" property="og:image" content="https://refine.dev/img/refine_social.png" />
+        <meta data-rh="true" name="twitter:image" content="https://refine.dev/img/refine_social.png" />
         <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

diff --git a/refine-react/template/src/App.tsx b/refine-react/template/src/App.tsx
@@ -87,6 +87,7 @@ function App() {
                     options={{
                         syncWithLocation: true,
                         warnWhenUnsavedChanges: true,
+                        useNewQueryKeys: true,
                         <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
                             projectId: "<%= projectId %>",
                         <%_ } _%>

diff --git a/refine-remix/plugins/_base/app/components/menu/index.tsx b/refine-remix/plugins/_base/app/components/menu/index.tsx
@@ -18,7 +18,7 @@ export const Menu = () => {
                 {menuItems.map((item) => (
                     <li key={item.key}>
                         <NavLink
-                            to={item.route}
+                            to={item.route ?? "/"}
                         >
                             {item.label}
                         </NavLink>

diff --git a/refine-remix/plugins/chakra/app/root.tsx b/refine-remix/plugins/chakra/app/root.tsx
@@ -152,6 +152,10 @@ export default function App() {
             options={{
                 syncWithLocation: true,
                 warnWhenUnsavedChanges: true,
+                useNewQueryKeys: true,
+                <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                  projectId: "<%= projectId %>",
+                <%_ } _%>
             }}
         >
           <Outlet />

diff --git a/refine-remix/plugins/mantine/app/root.tsx b/refine-remix/plugins/mantine/app/root.tsx
@@ -104,6 +104,10 @@ export default function App() {
             options={{
                 syncWithLocation: true,
                 warnWhenUnsavedChanges: true,
+                useNewQueryKeys: true,
+                <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                  projectId: "<%= projectId %>",
+                <%_ } _%>
             }}
                   >
                     <Outlet />

diff --git a/refine-remix/plugins/mui/app/root.tsx b/refine-remix/plugins/mui/app/root.tsx
@@ -144,6 +144,10 @@ export default function App() {
             options={{
                 syncWithLocation: true,
                 warnWhenUnsavedChanges: true,
+                useNewQueryKeys: true,
+                <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
+                  projectId: "<%= projectId %>",
+                <%_ } _%>
             }}
             >
               <Outlet />

diff --git a/refine-remix/template/app/root.tsx b/refine-remix/template/app/root.tsx
@@ -104,6 +104,7 @@ export default function App() {
                             options={{
                                 syncWithLocation: true,
                                 warnWhenUnsavedChanges: true,
+                                useNewQueryKeys: true,
                                 <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
                                     projectId: "<%= projectId %>",
                                 <%_ } _%>

diff --git a/refine-vite/plugins/_base/src/components/menu/index.tsx b/refine-vite/plugins/_base/src/components/menu/index.tsx
@@ -18,7 +18,7 @@ export const Menu = () => {
                 {menuItems.map((item) => (
                     <li key={item.key}>
                         <NavLink
-                            to={item.route}
+                            to={item.route ?? "/"}
                         >
                             {item.label}
                         </NavLink>

diff --git a/refine-vite/template/index.html b/refine-vite/template/index.html
@@ -12,12 +12,12 @@
         <meta
             data-rh="true"
             property="og:image"
-            content="https://refine.dev/img/refine_social_new.png"
+            content="https://refine.dev/img/refine_social.png"
         />
         <meta
             data-rh="true"
             name="twitter:image"
-            content="https://refine.dev/img/refine_social_new.png"
+            content="https://refine.dev/img/refine_social.png"
         />
         <title>
             refine - Build your React-based CRUD applications, without

diff --git a/refine-vite/template/src/App.tsx b/refine-vite/template/src/App.tsx
@@ -87,6 +87,7 @@ function App() {
                     options={{
                         syncWithLocation: true,
                         warnWhenUnsavedChanges: true,
+                        useNewQueryKeys: true,
                         <%_ if (typeof projectId !== 'undefined' && projectId !== '') { _%>
                             projectId: "<%= projectId %>",
                         <%_ } _%>