Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Broken Import on RTK Query Code Generation ({ createApi as })

See original GitHub issue

Trying to run the example from the docs:

curl -o petstore.json https://petstore3.swagger.io/api/v3/openapi.json
npx @rtk-incubator/rtk-query-codegen-openapi --hooks petstore.json > petstore-api.generated.ts

Output:

  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 16088    0 16088    0     0  22982      0 --:--:-- --:--:-- --:--:-- 22950
npx: installed 101 in 11.797s
SyntaxError: Identifier expected. (1:24)
> 1 | import { createApi as  } from "@reduxjs/toolkit/query/react";
    |                        ^
  2 | import { fetchBaseQuery as  } from "@reduxjs/toolkit/query";
  3 | export const api = createApi({
  4 |     baseQuery: fetchBaseQuery({ baseUrl: "/api/v3" }),
    at e (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/parser-typescript.js:1:322)
    at /Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/parser-typescript.js:22:3328487
    at Object.parse (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/parser-typescript.js:22:3328520)
    at Object.parse$a [as parse] (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/index.js:12513:19)
    at coreFormat (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/index.js:14044:16)
    at formatWithCursor$1 (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/index.js:14284:14)
    at /Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/index.js:59304:12
    at Object.format (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/node_modules/prettier/index.js:59324:12)
    at prettify (/Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/lib/utils/prettier.js:53:21)
    at /Users/charlesjonas/.npm/_npx/79935/lib/node_modules/@rtk-incubator/rtk-query-codegen-openapi/lib/bin/cli.js:92:52 {
  loc: { start: { line: 1, column: 24 } },
  codeFrame: '> 1 | import { createApi as  } from "@reduxjs/toolkit/query/react";\n' +
    '    |                        ^\n' +
    '  2 | import { fetchBaseQuery as  } from "@reduxjs/toolkit/query";\n' +
    '  3 | export const api = createApi({\n' +
    '  4 |     baseQuery: fetchBaseQuery({ baseUrl: "/api/v3" }),'