web: bump all deps

add organizer at the end instead of during filtering. Probably not the
optimal way to do this but works for now.

dnscms/dnscms/settings/base.py

@@ -207,6 +207,8 @@ GRAPPLE = {
         "sponsors",
     ],
     "EXPOSE_GRAPHIQL": True,
+    "PAGE_SIZE": 100,
+    "MAX_PAGE_SIZE": 5000,
 }
 
 # Wgtail WordPress import

web/Dockerfile

@@ -1,6 +1,6 @@
 # Based on https://github.com/vercel/next.js/tree/canary/examples/with-docker
 
-FROM node:22-alpine AS base
+FROM node:24-alpine AS base
 
 # Install dependencies only when needed
 FROM base AS deps

web/mise.toml

@@ -1,2 +1,2 @@
 [tools]
-node = "22"
+node = "24"

web/next.config.mjs

@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
+import path from "path";
+import { fileURLToPath } from "url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
 const nextConfig = {
   output: "standalone",
   images: {
@@ -13,6 +17,9 @@ const nextConfig = {
       },
     ],
   },
+  turbopack: {
+    root: __dirname,
+  },
 };
 
 export default nextConfig;

web/package.json

@@ -10,31 +10,35 @@
     "codegen": "graphql-codegen"
   },
   "dependencies": {
-    "@graphql-codegen/cli": "^5.0.7",
-    "@graphql-codegen/client-preset": "^4.8.3",
+    "@graphql-codegen/cli": "^6.1.0",
+    "@graphql-codegen/client-preset": "^5.2.1",
     "@parcel/watcher": "^2.5.1",
-    "@sindresorhus/slugify": "^2.2.1",
-    "@urql/next": "^1.1.5",
+    "@sindresorhus/slugify": "^3.0.0",
+    "@urql/next": "^2.0.0",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
-    "graphql": "^16.11.0",
-    "next": "^15.4.6",
-    "nuqs": "^2.4.3",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "react-intersection-observer": "^9.16.0",
-    "sass": "^1.90.0",
-    "sharp": "^0.34.3",
-    "swiper": "^11.2.10",
-    "urql": "^4.2.2",
-    "use-debounce": "^10.0.5"
+    "graphql": "^16.12.0",
+    "next": "16.0.10",
+    "nuqs": "^2.8.5",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-intersection-observer": "^10.0.0",
+    "sass": "^1.96.0",
+    "sharp": "^0.34.5",
+    "swiper": "^12.0.3",
+    "urql": "^5.0.1",
+    "use-debounce": "^10.0.6"
   },
   "devDependencies": {
-    "@types/node": "^22",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
+    "@types/node": "^24",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
     "eslint": "^9",
-    "eslint-config-next": "15.4.6",
+    "eslint-config-next": "16.0.10",
     "typescript": "^5"
+  },
+  "overrides": {
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3"
   }
 }

web/src/components/events/EventContainer.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useEffect } from "react";
 import {
   useQueryState,
   parseAsStringLiteral,
@@ -71,7 +72,8 @@ export const EventContainer = ({
 
   /*
     Allow filtering on all organizers that have upcoming events
-    Filtering on an organizer with no upcoming events will work, but be hidden from dropdown
+    Filtering on an organizer with no upcoming events will work,
+    and in that case it's included in the dropdown
   */
   const uniqueOrganizers: string[] = unique(
     events
@@ -79,12 +81,32 @@ export const EventContainer = ({
       .flat()
       .filter((x) => x.__typename === "EventOrganizer")
       .map((x) => x.slug)
-      .filter((x) => typeof x === "string")
+      .filter((x) => typeof x === "string" && x !== "")
   );
   const filterableOrganizers = uniqueOrganizers
     .map((slug) => eventOrganizers.find((haystack) => haystack.slug === slug))
     .filter((x) => x !== undefined) as EventOrganizer[];
 
+  // If an organizer is selected that's not in the upcoming list, add it
+  if (
+    organizer &&
+    !filterableOrganizers.some((org) => org.slug === organizer)
+  ) {
+    const selectedOrganizer = eventOrganizers.find(
+      (org) => org.slug === organizer,
+    );
+    if (selectedOrganizer) {
+      filterableOrganizers.push(selectedOrganizer);
+    }
+  }
+
+  /* Reset organizer if slug is invalid */
+  useEffect(() => {
+    if (!eventOrganizers.find((haystack) => haystack.slug === organizer)) {
+      setOrganizer(null);
+    }
+  }, [eventOrganizers, organizer]);
+
   /*
     Allow filtering on all venues that have upcoming events
     Filtering on a venue with no upcoming events will work,
@@ -105,6 +127,13 @@ export const EventContainer = ({
     .map((x) => venues.find((haystack) => haystack.slug === x.slug))
     .filter((x) => x !== undefined) as VenueFragment[];
 
+  /* Reset venue if slug is invalid */
+  useEffect(() => {
+    if (!venues.find((haystack) => haystack.slug === venue)) {
+      setVenue(null);
+    }
+  }, [venues, venue]);
+
   const filteredEvents = events
     .filter(
       (x) =>

web/src/components/layout/Header.tsx

@@ -87,8 +87,13 @@ export const Header = () => {
               </Link>
             </li>
             <li>
-              <Link href="/medlem" data-active={pathname === "/medlem"}>
-                Bli medlem
+              <Link href="/frivillig" data-active={pathname === "/frivillig"}>
+                Bli frivillig
+              </Link>
+            </li>
+            <li>
+              <Link href="/foreninger" data-active={pathname === "/foreninger"}>
+                Foreninger
               </Link>
             </li>
           </ul>
@@ -120,8 +125,16 @@ export const Header = () => {
                 </Link>
               </li>
               <li className={styles.menuItemLarge}>
-                <Link href="/medlem" data-active={pathname === "/medlem"}>
-                  Bli medlem
+                <Link href="/frivillig" data-active={pathname === "/frivillig"}>
+                  Bli frivillig
+                </Link>
+              </li>
+              <li className={styles.menuItemLarge}>
+                <Link
+                  href="/foreninger"
+                  data-active={pathname === "/foreninger"}
+                >
+                  Foreninger
                 </Link>
               </li>
               <li className={styles.divider}>
@@ -140,16 +153,8 @@ export const Header = () => {
                 </Link>
               </li>
               <li>
-                <Link href="/frivillig" data-active={pathname === "/frivillig"}>
-                  Bli frivillig
-                </Link>
-              </li>
-              <li>
-                <Link
-                  href="/foreninger"
-                  data-active={pathname === "/foreninger"}
-                >
-                  Foreninger
+                <Link href="/medlem" data-active={pathname === "/medlem"}>
+                  Bli medlem
                 </Link>
               </li>
               <li>
@@ -209,8 +214,16 @@ export const Header = () => {
                 </Link>
               </li>
               <li>
-                <Link href="/medlem" data-active={pathname === "/medlem"}>
-                  Bli medlem
+                <Link href="/frivillig" data-active={pathname === "/frivillig"}>
+                  Bli frivillig
+                </Link>
+              </li>
+              <li>
+                <Link
+                  href="/foreninger"
+                  data-active={pathname === "/foreninger"}
+                >
+                  Foreninger
                 </Link>
               </li>
             </ul>

web/src/gql/gql.ts

@@ -44,10 +44,10 @@ type Documents = {
     "\n  fragment Blocks on StreamFieldInterface {\n    ... on AccordionBlock {\n      heading\n      body {\n        ...OneLevelOfBlocks\n      }\n    }\n    ... on PageSectionBlock {\n      title\n      backgroundColor\n      icon\n      body {\n        ...OneLevelOfBlocks\n      }\n    }\n    ... on ContactSectionBlock {\n      title\n      text\n      blocks {\n        ... on ContactSubsectionBlock {\n          title\n          text\n          blocks {\n            ...OneLevelOfBlocks\n          }\n        }\n        ...OneLevelOfBlocks\n      }\n    }\n    ...OneLevelOfBlocks\n  }\n": typeof types.BlocksFragmentDoc,
     "\n  fragment Image on CustomImage {\n    id\n    url\n    width\n    height\n    alt\n    attribution\n  }\n": typeof types.ImageFragmentDoc,
     "\n  fragment ContactEntity on ContactEntity {\n    id\n    name\n    contactType\n    title\n    email\n    phoneNumber\n    image {\n      ...Image\n    }\n  }\n": typeof types.ContactEntityFragmentDoc,
-    "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n": typeof types.EventFragmentDoc,
+    "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences(limit: 5000) {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n": typeof types.EventFragmentDoc,
     "\n  fragment EventIndex on EventIndex {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n  }\n": typeof types.EventIndexFragmentDoc,
     "\n  query eventIndexMetadata {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n  }\n": typeof types.EventIndexMetadataDocument,
-    "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n": typeof types.FutureEventsDocument,
+    "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories(limit: 5000) {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers(limit: 5000) {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n": typeof types.FutureEventsDocument,
     "\n  fragment News on NewsPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    firstPublishedAt\n    excerpt\n    lead\n    featuredImage {\n      ...Image\n    }\n    body {\n      ...Blocks\n    }\n  }\n": typeof types.NewsFragmentDoc,
     "\n  fragment NewsIndex on NewsIndex {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    lead\n  }\n": typeof types.NewsIndexFragmentDoc,
     "\n  query news {\n    index: newsIndex {\n      ... on NewsIndex {\n        ...NewsIndex\n      }\n    }\n    news: pages(contentType: \"news.NewsPage\", order: \"-first_published_at\", limit: 1000) {\n      ... on NewsPage {\n        ...News\n      }\n    }\n  }\n": typeof types.NewsDocument,
@@ -87,10 +87,10 @@ const documents: Documents = {
     "\n  fragment Blocks on StreamFieldInterface {\n    ... on AccordionBlock {\n      heading\n      body {\n        ...OneLevelOfBlocks\n      }\n    }\n    ... on PageSectionBlock {\n      title\n      backgroundColor\n      icon\n      body {\n        ...OneLevelOfBlocks\n      }\n    }\n    ... on ContactSectionBlock {\n      title\n      text\n      blocks {\n        ... on ContactSubsectionBlock {\n          title\n          text\n          blocks {\n            ...OneLevelOfBlocks\n          }\n        }\n        ...OneLevelOfBlocks\n      }\n    }\n    ...OneLevelOfBlocks\n  }\n": types.BlocksFragmentDoc,
     "\n  fragment Image on CustomImage {\n    id\n    url\n    width\n    height\n    alt\n    attribution\n  }\n": types.ImageFragmentDoc,
     "\n  fragment ContactEntity on ContactEntity {\n    id\n    name\n    contactType\n    title\n    email\n    phoneNumber\n    image {\n      ...Image\n    }\n  }\n": types.ContactEntityFragmentDoc,
-    "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n": types.EventFragmentDoc,
+    "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences(limit: 5000) {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n": types.EventFragmentDoc,
     "\n  fragment EventIndex on EventIndex {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n  }\n": types.EventIndexFragmentDoc,
     "\n  query eventIndexMetadata {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n  }\n": types.EventIndexMetadataDocument,
-    "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n": types.FutureEventsDocument,
+    "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories(limit: 5000) {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers(limit: 5000) {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n": types.FutureEventsDocument,
     "\n  fragment News on NewsPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    firstPublishedAt\n    excerpt\n    lead\n    featuredImage {\n      ...Image\n    }\n    body {\n      ...Blocks\n    }\n  }\n": types.NewsFragmentDoc,
     "\n  fragment NewsIndex on NewsIndex {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    lead\n  }\n": types.NewsIndexFragmentDoc,
     "\n  query news {\n    index: newsIndex {\n      ... on NewsIndex {\n        ...NewsIndex\n      }\n    }\n    news: pages(contentType: \"news.NewsPage\", order: \"-first_published_at\", limit: 1000) {\n      ... on NewsPage {\n        ...News\n      }\n    }\n  }\n": types.NewsDocument,
@@ -237,7 +237,7 @@ export function graphql(source: "\n  fragment ContactEntity on ContactEntity {\n
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n"];
+export function graphql(source: "\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences(limit: 5000) {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  fragment Event on EventPage {\n    __typename\n    id\n    slug\n    seoTitle\n    searchDescription\n    title\n    subtitle\n    lead\n    body {\n      ...OneLevelOfBlocks\n    }\n    featuredImage {\n      ...Image\n    }\n    pig\n    facebookUrl\n    ticketUrl\n    free\n    priceRegular\n    priceMember\n    priceStudent\n    categories {\n      ... on EventCategory {\n        name\n        slug\n        pig\n      }\n    }\n    occurrences(limit: 5000) {\n      ... on EventOccurrence {\n        __typename\n        id\n        start\n        end\n        venue {\n          __typename\n          id\n          slug\n          title\n          preposition\n          url\n        }\n        venueCustom\n      }\n    }\n    organizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -249,7 +249,7 @@ export function graphql(source: "\n  query eventIndexMetadata {\n    index: even
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n"): (typeof documents)["\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n        externalUrl\n        association {\n          ... on AssociationPage {\n            url\n          }\n        }\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n"];
+export function graphql(source: "\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories(limit: 5000) {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers(limit: 5000) {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n"): (typeof documents)["\n  query futureEvents {\n    index: eventIndex {\n      ... on EventIndex {\n        ...EventIndex\n      }\n    }\n    events: eventIndex {\n      ... on EventIndex {\n        futureEvents {\n          ... on EventPage {\n            ...Event\n          }\n        }\n      }\n    }\n    eventCategories: eventCategories(limit: 5000) {\n      ... on EventCategory {\n        name\n        slug\n        showInFilters\n      }\n    }\n    eventOrganizers: eventOrganizers(limit: 5000) {\n      ... on EventOrganizer {\n        id\n        name\n        slug\n      }\n    }\n    venues: pages(contentType: \"venues.VenuePage\") {\n      ... on VenuePage {\n        id\n        title\n        slug\n        preposition\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

web/src/lib/event.ts

@@ -53,7 +53,7 @@ const EventFragmentDefinition = graphql(`
         pig
       }
     }
-    occurrences {
+    occurrences(limit: 5000) {
       ... on EventOccurrence {
         __typename
         id
@@ -123,24 +123,18 @@ export const eventsOverviewQuery = graphql(`
         }
       }
     }
-    eventCategories: eventCategories {
+    eventCategories: eventCategories(limit: 5000) {
       ... on EventCategory {
         name
         slug
         showInFilters
       }
     }
-    eventOrganizers: eventOrganizers {
+    eventOrganizers: eventOrganizers(limit: 5000) {
       ... on EventOrganizer {
         id
         name
         slug
-        externalUrl
-        association {
-          ... on AssociationPage {
-            url
-          }
-        }
       }
     }
     venues: pages(contentType: "venues.VenuePage") {

web/tsconfig.json

@@ -14,7 +14,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -32,7 +32,8 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": [
     "node_modules"