Tag: #reactjs
-
How to implement pagination in Next.js 13 using the App Router and Server Components
1 I started building a Next.js frontend for a WordPress website, using the App Router and GraphQL plugin to fetch data from WordPress. The homepage is all set up to display the latest posts, and it’s a server component. import PostCard from "./components/post"; import styles from ‘./page.module.scss’ interface Post { title: string; date: string; excerpt:…
-
How to display graphql values in React app
0 I have a Strapi app that outputs graphql, it a list of fonts that I simple want to display on a page The page looks like this ‘use client’ import {getDataFromTree} from ‘@apollo/client/react/ssr’ import withApollo from ‘../lib/withApollo’ import { useThemeContext } from ‘./appState’ import { FontEntityResponse } from ‘@/generated’ const Home = () =>…
-
Variable “$id” got invalid value “1”; Int cannot represent non-integer value: “1”
0 I’ve been learning the mern stack from this book I’m now on Nested Routes under React Router chapter The web application is supposed to render this on the page. When clicking the Select link under the Action column, the description of an issue is displayed on the bottom part of the page. But in…
-
.Net Lead – Amzur Technologies, Inc. – Remote
Amzur Technologies, Inc. Remote Depends on Experience Contract: W2, Corp-To-Corp, 6 Month(s) Skills ReactJS GraphQL C# REST API .Net Core Job Description Summary/ ResponsibilitiesThe Software Engineering Manager Chapter Lead guides technology adoption across product teams, builds, and maximizes the capabilities and skills within the chapter, manages and supports chapter members (employees and contingent labor). The…
-
can i use page items in cursor base pagination?
-1 can i use page items in cursor base pagination? for example it’s possible to directly address a specific page. For instance, if the requirement is to jump directly to page five, it’s possible to do so since the pages themselves are not explicitly numbered. reactjs graphql apollo-client Share Improve this question Follow asked 39…
-
Show filtered content related to an object by the value of an input JSX element
0 Say i have an input element that filters categories on a given value. That category object has name, slug, posts, so what I want to do is to show only the posts that are related to that category as the input element in a Search function receives a value . In the console I…
-
GraphQl Code Generator doesn’t generate graphql() properly in Next.js
-1 I use GraphQL in next.js project and generate types for query. But code generator doesn’t generate properly. it’s says "The query argument is unknown! Please regenerate the types." in gql.ts file. Here you can see type error: Code generator config: import {CodegenConfig} from ‘@graphql-codegen/cli’ const config: CodegenConfig = { schema:"https://localhost:4000/graphql", documents: [‘components/**/*.tsx’, ‘app/**/*.tsx’], ignoreNoDocuments:…
-
Create a filtering function in react
0 I want to create a filtering function that trigger when receiving a input value event in react useState but i do not see is doing anything when I start typing in. This is my Search component export function Search({categories, onSearch}){ const [searchText, setSearchText] = useState(”); const filterCategories = () => { const filteredCategories =…
-
Best practice for keeping graphql data up-to-date with apollo
0 What is the best practice for keeping subscriptions in sync with your query schemas? My previous exposure to graphQL subscriptions was from Hasura, which would implement subscriptions for every table such that when a subscribing is made, the current set would be sent over the wire (followed by any updates). const data = useSubscription(…)…
-
object Object at handleError graphql
0 I am creating a react app using amplify and graphql my graphql schema is type Note @model @auth(rules: [ { allow: public } ] ){ id: ID! name: String! description: String image: String noteBook: NoteBook! } type NoteBook @model @auth(rules: [ { allow: public } ] ){ id: ID! name: String! notes: [Note!] }…
