rocawear Comments - Answer Overflow

Topics

rocawear

Explore posts from servers

TtRPC TTCTheo's Typesafe Cult

TTCTheo's Typesafe Cult

•Created by Manqo on 3/23/2025 in #questions

Fetching User Session Data on the Client Side with useSession

Its how you are supposed to do, use middleware to server side check auth or on page level SERVER SIDE, redirect away If not authenticated. Also you are supposed to check auth on your queries/ mutations because you can query manually without being on the page

20 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 3/21/2025 in #questions

turborepo setup

@travian/server#dev > cache bypass, force executing eeb2ee1ac4a95249
@travian/client#dev     »│
@travian/server#dev     »│1 import express from "express";
@travian/game-engine#dev»│         ~~~~~~~
                         │
                         │  ../../node_modules/.pnpm/@[email protected]/node_modules/@types/express/index.d.ts:122:1                         │    122 export = e;
                         │        ~~~~~~~~~~~
                         │    This module is declared with 'export =', and can only be used with a default import when                         │ using the 'esModuleInterop' flag.
                         │
                         │[14.52.23] Found 1 error. Watching for file changes.

@travian/server#dev > cache bypass, force executing eeb2ee1ac4a95249
@travian/client#dev     »│
@travian/server#dev     »│1 import express from "express";
@travian/game-engine#dev»│         ~~~~~~~
                         │
                         │  ../../node_modules/.pnpm/@[email protected]/node_modules/@types/express/index.d.ts:122:1                         │    122 export = e;
                         │        ~~~~~~~~~~~
                         │    This module is declared with 'export =', and can only be used with a default import when                         │ using the 'esModuleInterop' flag.
                         │
                         │[14.52.23] Found 1 error. Watching for file changes.

3 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 3/21/2025 in #questions

turborepo setup

So what I would like to get help, I think my package.json/tsconfigs are wrong(?): How to run my server correctly (now i am using tsc) How to run my "game-engine" package correctly (now i am using tsc) If i do

pnpm run dev

pnpm run dev

and go to http://localhost:3001/hello it does not work so my server is not "running"

3 replies

TTCTheo's Typesafe Cult

•Created by Mugetsu on 1/24/2025 in #questions

Nextjs navigation after trpc mutation

Have you tested to await the router.push

4 replies

•Created by itelofilho on 3/20/2024 in #❓-help

Is it possible to perform attribute-based authorization after the .query?

https://trpc.io/docs/server/error-handling

6 replies

TTCTheo's Typesafe Cult

•Created by aditya on 3/19/2024 in #questions

create t3-app not working

No description

6 replies

TTCTheo's Typesafe Cult

•Created by aditya on 3/19/2024 in #questions

create t3-app not working

pn? (never seen thats why interested)

6 replies

TTCTheo's Typesafe Cult

•Created by TayyabCodes on 12/22/2023 in #questions

Problem with react-hook-form

so you want people to guess since you are not providing code?

22 replies

TTCTheo's Typesafe Cult

•Created by TayyabCodes on 12/22/2023 in #questions

Problem with react-hook-form

I would start by showing code, impossible to debug without any information

22 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 12/8/2023 in #questions

react hook form filters

Not sure how to trigger page push after value changes, also now if I submit with button it will reset my form

4 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 12/8/2023 in #questions

react hook form filters

Page:

export const filtersSchema = z.object({
  example: z.string().nullable(),
  example2: z.string().nullable(),
})

const ExamplePage: NextPage = () => {
  const { control, values, update } = useFilters({
    schema: filtersSchema,
    defaultValues: {
      example: null,
      example2: null,
    },
  })

  return (
    <PageContainer>
      <form onSubmit={update}>
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example2"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Button type="submit">submit</Button>
      </form>
      {JSON.stringify(values, null, 2)}
    </PageContainer>
  )
}

export const filtersSchema = z.object({
  example: z.string().nullable(),
  example2: z.string().nullable(),
})

const ExamplePage: NextPage = () => {
  const { control, values, update } = useFilters({
    schema: filtersSchema,
    defaultValues: {
      example: null,
      example2: null,
    },
  })

  return (
    <PageContainer>
      <form onSubmit={update}>
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Select
          title="title"
          placeholder="placeholder"
          control={control}
          label="example2"
          options={[
            { label: "option 1", value: "option 1" },
            { label: "option 2", value: "option 2" },
            { label: "option 3", value: "option 3" },
          ]}
        />
        <Button type="submit">submit</Button>
      </form>
      {JSON.stringify(values, null, 2)}
    </PageContainer>
  )
}

Hook:

type UseFiltersProps<Schema extends z.ZodTypeAny> = {
  schema: Schema
  defaultValues: DefaultValues<z.infer<Schema>>
}

export const useFilters = <Schema extends z.ZodTypeAny>({ schema, defaultValues }: UseFiltersProps<Schema>) => {
  const { control, handleSubmit } = useForm<z.infer<Schema>>({
    resolver: zodResolver(schema),
    defaultValues,
  })

  const router = useRouter()
  const values = useWatch({ control })

  const update = (values: z.infer<Schema>) => {
    const v = pickBy(values, (value) => value !== null)
    router.push({ query: v }, undefined, { shallow: true })
  }

  return {
    control,
    values,
    update: handleSubmit(update),
  }
}

type UseFiltersProps<Schema extends z.ZodTypeAny> = {
  schema: Schema
  defaultValues: DefaultValues<z.infer<Schema>>
}

export const useFilters = <Schema extends z.ZodTypeAny>({ schema, defaultValues }: UseFiltersProps<Schema>) => {
  const { control, handleSubmit } = useForm<z.infer<Schema>>({
    resolver: zodResolver(schema),
    defaultValues,
  })

  const router = useRouter()
  const values = useWatch({ control })

  const update = (values: z.infer<Schema>) => {
    const v = pickBy(values, (value) => value !== null)
    router.push({ query: v }, undefined, { shallow: true })
  }

  return {
    control,
    values,
    update: handleSubmit(update),
  }
}

4 replies

•Created by rustclan on 9/22/2023 in #❓-help

return type of a query endpoint

https://trpc.io/docs/client/react/infer-types

8 replies

TTCTheo's Typesafe Cult

•Created by samuele on 9/1/2023 in #questions

broken dinamic page react quey

https://nextjs.org/docs/app/api-reference/functions/use-params

4 replies

TTCTheo's Typesafe Cult

•Created by samuele on 9/1/2023 in #questions

broken dinamic page react quey

Because it's not something you can do on client/component. Use router for that

4 replies

•Created by AlexVern on 7/14/2023 in #❓-help

tRPC & redux toolkit query

Sorry I have no idea but you have baseUrl: "/rtpc", should it be "/trpc"

4 replies

TTCTheo's Typesafe Cult

•Created by chnmrn. on 6/28/2023 in #questions

ts-node not recognize

Yeah but it's unnecessary since ts-node works with nodemon without configuration

7 replies

TTCTheo's Typesafe Cult

•Created by chnmrn. on 6/28/2023 in #questions

ts-node not recognize

nodemon will use ts-node

7 replies

TTCTheo's Typesafe Cult

•Created by chnmrn. on 6/28/2023 in #questions

ts-node not recognize

Keep the nodemon part but remove ts-node stuff from the dev script

7 replies

TTCTheo's Typesafe Cult

•Created by rocawear on 6/27/2023 in #questions

How to disable App Dir?

I did not get message after I removed experimental from next config

4 replies