Samir Ghataney Posts - Answer Overflow

Samir Ghataney

•Created by Samir Ghataney on 8/12/2024 in #front-end

Next js Custom Field Component With React Form Hook

Hey everyone, I need help! I'm trying to create my own custom Field Component in Next.js with the React Hook Form library for form validation. I'm a bit confused about how to use Controller inside my Field Component. Here is my code This is the parent component. Currently, I am using Controller in the parent component. It works, but I want to use it in the child component.

  <Controller
                name="customTemperature"
                control={control}
                render={({ field }) => (
                  <Field
                    label="Custom Temperature"
                    className="appearance-none"
                    type="number"
                    error={errors.customTemperature?.message}
                    {...field}
                  />
                )}
              />

  <Controller
                name="customTemperature"
                control={control}
                render={({ field }) => (
                  <Field
                    label="Custom Temperature"
                    className="appearance-none"
                    type="number"
                    error={errors.customTemperature?.message}
                    {...field}
                  />
                )}
              />

1 replies

KPCKevin Powell - Community

•Created by Samir Ghataney on 1/5/2024 in #front-end

In flutter, Help me to extract data from qr scanner result

1 replies

KPCKevin Powell - Community

•Created by Samir Ghataney on 12/28/2023 in #front-end

i am in angular please help to create same bookflip animation in pdf like this

https://www.hktennisopen.hk/files/booklet_2023/ i already used this plugin https://www.npmjs.com/package/ngx-extended-pdf-viewer and here is my code <ngx-extended-pdf-viewer [src]=" 'https://malenezi.github.io/malenezi/SE401/Books/Software-Testing-A-Craftsman-s-Approach-Fourth-Edition-Paul-C-Jorgensen.pdf' " height="500px" width="100%" pageViewMode="book" [showBorders]="false" > </ngx-extended-pdf-viewer> and here is error 💥

app.routes.ts:7 ERROR Error: NG0500: During hydration Angular expected a comment node but found <svg>. Angular expected this DOM: <button type="button" role="button" class="toolbarButton" id="primarySidebarToggle" title="ToggleSidebar" data-l10n-id="toggle_sidebar" aria-label="ToggleSidebar"> …  <-- AT THIS LOCATION … </button> Actual DOM is: <button type="button" role="button" class="toolbarButton" id="primarySidebarToggle" title="ToggleSidebar" data-l10n-id="toggle_sidebar" aria-label="ToggleSidebar"> <svg style="width:24px;height:24px" viewBox="002424">…</svg> <-- AT THIS LOCATION </button> Note: attributes are only displayed to better represent the DOM but have no effect on hydration mismatches. To fix this problem: * check the "PdfShyButtonComponent" component for hydration-related issues * check to see if your template has valid HTML structure * or skip hydration by adding the ngSkipHydration attribute to its host node in a template

10 replies

Gaming

Programming