So I’m looking around fora solve to this issue, theres no obvious reason and most of the threads I’ve found involve a mistake around dependencies which I dont seem to have

The error is the standard:
“No QueryClient set, use QueryClientProvider to set one”

index.tsx

import React from 'react';
import ReactDOM from 'react-dom';

import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
import IncidentBar from './app/IncidentBar';

const queryClient = new QueryClient();

ReactDOM.render(
  <QueryClientProvider client={queryClient}>
    <IncidentBar/>
    <ReactQueryDevtools initialIsOpen={false} />
  </QueryClientProvider>,
  document.getElementById('app')
);

Incident Bar

import React, { useEffect, useState, useRef } from 'react'

import { useQuery } from '@tanstack/react-query';
import axios from 'axios';

const IncidentBar = () => {    
  const fetchStatus = async () => {
    const { data } = await axios.get('...data url...');
    return data;
  }

  const { data: incidentData } = useQuery('incidentStatus', fetchStatus)

  console.warn(incidentData)

  return (
    <div className="incident-container">
      <span className="mt-sm">
        <span className="mr-2">Notice:</span>
        <a href="https://a place you can look at statuses">
            error message goes here
        </a>
      </span>
    </div>
  )
}

export default IncidentBar

versions in package.json

"@tanstack/react-query": "^4.36.1",
"@tanstack/react-query-devtools": "^4.36.1",

Versions in lock

"node_modules/@tanstack/match-sorter-utils": {
  "version": "8.19.4",
  "resolved": "https://registry.npmjs.org/@tanstack/match-sorter-utils/-/match-sorter-utils-8.19.4.tgz",
  "integrity": "sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==",
  "dependencies": {
    "remove-accents": "0.5.0"
  },
  "engines": {
    "node": ">=12"
  },
  "funding": {
    "type": "github",
    "url": "https://github.com/sponsors/tannerlinsley"
  }
},
"node_modules/@tanstack/query-core": {
  "version": "4.36.1",
  "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-4.36.1.tgz",
  "integrity": "sha512-DJSilV5+ytBP1FbFcEJovv4rnnm/CokuVvrBEtW/Va9DvuJ3HksbXUJEpI0aV1KtuL4ZoO9AVE6PyNLzF7tLeA==",
  "funding": {
    "type": "github",
    "url": "https://github.com/sponsors/tannerlinsley"
  }
},
"node_modules/@tanstack/react-query": {
  "version": "4.36.1",
  "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-4.36.1.tgz",
  "integrity": "sha512-y7ySVHFyyQblPl3J3eQBWpXZkliroki3ARnBKsdJchlgt7yJLRDUcf4B8soufgiYt3pEQIkBWBx1N9/ZPIeUWw==",
  "dependencies": {
    "@tanstack/query-core": "4.36.1",
    "use-sync-external-store": "^1.2.0"
  },
  "funding": {
    "type": "github",
    "url": "https://github.com/sponsors/tannerlinsley"
  },
  "peerDependencies": {
    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
    "react-native": "*"
  },
  "peerDependenciesMeta": {
    "react-dom": {
      "optional": true
    },
    "react-native": {
      "optional": true
    }
  }
},
"node_modules/@tanstack/react-query-devtools": {
  "version": "4.36.1",
  "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-4.36.1.tgz",
  "integrity": "sha512-WYku83CKP3OevnYSG8Y/QO9g0rT75v1om5IvcWUwiUZJ4LanYGLVCZ8TdFG5jfsq4Ej/lu2wwDAULEUnRIMBSw==",
  "dependencies": {
    "@tanstack/match-sorter-utils": "^8.7.0",
    "superjson": "^1.10.0",
    "use-sync-external-store": "^1.2.0"
  },
  "funding": {
    "type": "github",
    "url": "https://github.com/sponsors/tannerlinsley"
  },
  "peerDependencies": {
    "@tanstack/react-query": "^4.36.1",
    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
  }
},

Have tried moving QueryClientProvider and the Incident bar App component and moving the IncidentBar anywhere else in the app