useTheme must be used within a ThemeContextProvider

[outer topaz]

Hey, I updated my packages to

    "@tanstack/react-devtools": "^0.9.9",
    "@tanstack/react-form": "1.28.4",
    "@tanstack/react-form-devtools": "^0.2.17",

And I am getting the error shown in the screenshot

Inspecting the browser source:

// node_modules/@tanstack/form-devtools/node_modules/@tanstack/devtools-ui/dist/esm/components/theme.js
var ThemeContext = createContext(void 0);
function useTheme() {
  const context = useContext(ThemeContext);
  if (!context) {
    throw new Error("useTheme must be used within a ThemeContextProvider");
  }
  return context;
}

Shall I open a GitHub issue? @pulsar crag

[eager igloo]

The Error you're showing is coming from the DevTools-Package.

#devtools would be the right channel (or GitHub-Repo) to report it

[outer topaz]

Oh thanks!

[pulsar crag]

likely a mismatch between form devtools and devtools. Have you updated both to latest?

[outer topaz]

Yeah, I am trying to downgrade the packages. The error is still showing after downgrading, wtf? I have rolled back to

    "@tanstack/react-devtools": "^0.9.6",
    "@tanstack/react-form": "1.28.3",
    "@tanstack/react-form-devtools": "^0.2.16",

Someone has already reported the issue: https://github.com/TanStack/form/issues/2064

[pulsar crag]

cc @muted pilot

[eager igloo]

Try removing the ^ in front of the version-number

It still installs 0.2.17 with the SemVer-Range you specified.

You can test it here: https://semver.npmjs.com

[pulsar crag]

oh, that‘s a good point actually