Global options mysteriously not applied

[joshribakoff-sm]

Describe the bug

When {suspense: true} is enabled globally, my consuming component is not suspending unless I explicitly enable it again in the useQuery() options

Your minimal, reproducible example

https://github.com/joshribakoff-sm/rq-bug/tree/no-suspense

Steps to reproduce

Wrap app in query client:

const queryClient = new QueryClient({ suspense: true });

Try to consume it and don't change any options:

  const result = useQuery(
    "foo",
    async () => {
      console.log('query ran')
      await new Promise((res) => setTimeout(res, 10000));
      return () => "foo" + Math.random();
    },
    // no suspense?
  );

Expected behavior

Component should suspend

How often does this bug happen?

No response

Screenshots or Videos

No response

Platform

macOS, chrome

react-query version

3.34.16

TypeScript version

No response

Additional context

This is not happening in my real project as far as I know, it's something I only noticed while building the reproduction repo for my previous bug report #3432

[TkDodo]

this is not a valid way to provide default options for react-query:

const queryClient = new QueryClient({ suspense: true });

Please look at the docs:

 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       suspense: true,
     },
   },
 })

TypeScript is also good at catching these things.

[joshribakoff-sm]

Thanks, I am using Typescript in my main project and only used JS to produce the previous bug report, which explains:

This is not happening in my real project as far as I know, it's something I only noticed while building the reproduction repo for my previous bug report #3432

Sorry for the false report :)