oscklm•13mo ago

convex-helpers types

When installing the convex-helpers i don't get any types

yarn add convex-helpers

yarn add convex-helpers

I've tried removing adding again, using npm command instead etc. but no success. Has anyone had any success in getting the types when installing the package?

4 Replies

ballingt•13mo ago

Are you using TypeScript in the project that uses convex-helpers? What are the tsconfig.json moduleResolution settings you use? Also what import syntax do you use, do you include .js file extensions? We've seen types normally work so it would be helpful to know exactly what cases they don't work for

oscklmOP•13mo ago

Yes using typescript in the project and it's a fresh project using yarn create vite with react + swc

//tsconfig.json
{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",

    /* Paths */
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

//tsconfig.json
{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",

    /* Paths */
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

// import syntax
import { SessionProvider } from 'convex-helpers';

// import syntax
import { SessionProvider } from 'convex-helpers';

ballingt•13mo ago

I think SessionsProvider comes from import { SessionProvider } from "convex-helpers/react/sessions"; @oscklm if you're having trouble with any others imports let us know

oscklmOP•13mo ago

Thanks a lot Tom, in hindsight, I’ve experienced that before which was in fact the issue. I’m gonna try that when I get back at it. Will report back just to assure it’s was the case. Update: This was the case, thing some settings in my vscode IDE got twisted, and it didn't suggest that more direct import. Tried webstorm real quick, and it did in fact suggest the import as you mentioned.

convex-helpers types

Did you find this page helpful?