Update next-intl and next (#167)

* Update next-intl and next

* Fix jest mock

* Remove nested page

* Change not-found

Author: mauriciabad

jest.setup.js

@@ -4,7 +4,7 @@
 
 import '@testing-library/jest-dom'
 
-jest.mock('next-intl/client', () => ({
+jest.mock('./src/navigation', () => ({
   useRouter: jest.fn(() => ({
     push: jest.fn(),
     replace: jest.fn(),

next.config.mjs

@@ -1,6 +1,6 @@
 import withPWAInit from '@ducanh2912/next-pwa'
 import { withAxiom } from 'next-axiom'
-import nextIntlPlugin from 'next-intl/plugin'
+import createNextIntlPlugin from 'next-intl/plugin'
 
 /**
  * Run `build` or `dev` script with `SKIP_ENV_VALIDATION` to skip validation
@@ -12,7 +12,7 @@ import nextIntlPlugin from 'next-intl/plugin'
  * Create config wrapper required for using next-intl with RSCs.
  * See https://next-intl-docs.vercel.app/docs/getting-started/app-router-server-components
  */
-const withNextIntl = nextIntlPlugin('./src/server/i18n.ts')
+const withNextIntl = createNextIntlPlugin('./src/server/i18n.ts')
 
 const withPWA = withPWAInit({
   dest: 'public',

package.json

@@ -43,9 +43,9 @@
     "leaflet": "1.9.4",
     "leaflet.locatecontrol": "0.79.0",
     "mysql2": "3.8.0",
-    "next": "13.4.19",
+    "next": "14.1.0",
     "next-auth": "4.24.5",
-    "next-intl": "3.0.0-beta.19",
+    "next-intl": "3.5.4",
     "postcss": "8.4.33",
     "react": "18.2.0",
     "react-dom": "18.2.0",

pnpm-lock.yaml

@@ -3,10 +3,10 @@
 import { Button } from '@nextui-org/button'
 import { Card } from '@nextui-org/card'
 import { useTranslations } from 'next-intl'
-import Link from 'next-intl/link'
 import { FC, useState } from 'react'
 import { PlaceCategoryIcon } from '~/components/icons/place-category-icon'
 import { cn } from '~/helpers/cn'
+import { Link } from '~/navigation'
 import { ApiRouterOutput } from '~/server/api/router'
 
 type Categories = ApiRouterOutput['places']['listCategories']