[migrate] upgrade to MobX-Strapi 0.8, MobX-GitHub 0.6 & other latest Upstream packages

Author: TechQuery

components/Organization/Card.tsx

@@ -53,8 +53,8 @@ export class OrganizationCard extends ObservedComponent<OrganizationCardProps, t
   }
 
   render() {
-    const { t } = this.observedContext,
-      { name, entityType, services, description, internetContact, onSwitch, ...props } = this.props;
+    const { name, entityType, services, description, internetContact, onSwitch, ...props } =
+      this.props;
     const { wechatPublic } = internetContact || {};
 
     return (

models/System.ts

@@ -1,13 +1,13 @@
 import { observable } from 'mobx';
 import { BiSearchModelClass } from 'mobx-lark';
-import { BaseModel, DataObject, ListModel, toggle } from 'mobx-restful';
+import { BaseModel, ListModel, toggle } from 'mobx-restful';
 import { Base, SearchableFilter } from 'mobx-strapi';
 import { Constructor } from 'web-utility';
 
 import { ownClient } from './Base';
 import { OrganizationModel } from './Organization';
 
-export type SearchModel<T extends DataObject = any> = ListModel<T, SearchableFilter<T>>;
+export type SearchModel<T extends Base = any> = ListModel<T, SearchableFilter<T>>;
 
 export type SearchPageMeta = Pick<
   InstanceType<BiSearchModelClass>,

package.json

@@ -17,72 +17,72 @@
     "@koa/router": "^14.0.0",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^15.5.3",
-    "core-js": "^3.45.1",
+    "@next/mdx": "^15.5.4",
+    "core-js": "^3.46.0",
     "echarts-jsx": "^0.5.4",
     "file-type": "^21.0.0",
     "idea-react": "^2.0.0-rc.13",
     "koa": "^3.0.1",
     "koajax": "^3.1.2",
     "license-filter": "^0.2.5",
-    "marked": "^16.3.0",
+    "marked": "^16.4.0",
     "mime": "^4.1.0",
-    "mobx": "^6.13.7",
-    "mobx-github": "^0.5.1",
+    "mobx": "^6.15.0",
+    "mobx-github": "^0.6.0",
     "mobx-i18n": "^0.7.2",
     "mobx-lark": "^2.4.2",
-    "mobx-react": "^9.2.0",
+    "mobx-react": "^9.2.1",
     "mobx-react-helper": "^0.5.1",
-    "mobx-restful": "^2.1.1",
+    "mobx-restful": "^2.1.3",
     "mobx-restful-table": "^2.5.4",
-    "mobx-strapi": "^0.7.4",
-    "next": "^15.5.3",
+    "mobx-strapi": "^0.8.1",
+    "next": "^15.5.4",
     "next-pwa": "^5.6.0",
     "next-ssr-middleware": "^1.0.3",
     "open-react-map": "^0.9.1",
-    "react": "^19.1.1",
+    "react": "^19.2.0",
     "react-bootstrap": "^2.10.10",
-    "react-dom": "^19.1.1",
+    "react-dom": "^19.2.0",
     "react-typed-component": "^1.0.6",
     "remark-frontmatter": "^5.0.0",
     "remark-mdx-frontmatter": "^5.2.0",
     "undici": "^7.16.0",
-    "web-utility": "^4.6.1",
+    "web-utility": "^4.6.2",
     "yaml": "^2.8.1"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-typescript": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@cspell/eslint-plugin": "^9.2.1",
-    "@eslint/js": "^9.35.0",
-    "@next/eslint-plugin-next": "^15.5.3",
+    "@eslint/js": "^9.37.0",
+    "@next/eslint-plugin-next": "^15.5.4",
     "@open-source-bazaar/china-ngo-database": "^0.6.0",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
-    "@stylistic/eslint-plugin": "^5.3.1",
+    "@stylistic/eslint-plugin": "^5.4.0",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/koa": "^3.0.0",
     "@types/next-pwa": "^5.6.9",
-    "@types/node": "^22.18.5",
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
-    "eslint": "^9.35.0",
-    "eslint-config-next": "^15.5.3",
+    "@types/node": "^22.18.10",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "eslint": "^9.37.0",
+    "eslint-config-next": "^15.5.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "globals": "^16.4.0",
     "husky": "^9.1.7",
-    "jiti": "^2.5.1",
-    "less": "^4.4.1",
+    "jiti": "^2.6.1",
+    "less": "^4.4.2",
     "less-loader": "^12.3.0",
-    "lint-staged": "^16.1.6",
+    "lint-staged": "^16.2.4",
     "next-with-less": "^3.0.1",
     "prettier": "^3.6.2",
     "prettier-plugin-css-order": "^2.1.2",
-    "sass": "^1.92.1",
-    "typescript": "~5.9.2",
-    "typescript-eslint": "^8.44.0"
+    "sass": "^1.93.2",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.0"
   },
   "resolutions": {
     "mobx-react-helper": "$mobx-react-helper",

pages/NGO/[year]/index.tsx

@@ -1,15 +1,19 @@
 import { observer } from 'mobx-react';
+import dynamic from 'next/dynamic';
 import { cache, compose, errorLogger } from 'next-ssr-middleware';
 import { FC, useContext } from 'react';
 import { Button, Container } from 'react-bootstrap';
 
 import { PageHead } from '../../../components/Layout/PageHead';
 import { CityStatisticMap } from '../../../components/Map/CityStatisticMap';
 import { SearchBar } from '../../../components/Navigator/SearchBar';
-import OrganizationCharts from '../../../components/Organization/Charts';
 import { OrganizationModel, OrganizationStatistic } from '../../../models/Organization';
 import { I18nContext } from '../../../models/Translation';
 
+const OrganizationCharts = dynamic(() => import('../../../components/Organization/Charts'), {
+  ssr: false,
+});
+
 interface OrganizationPageProps {
   year: string;
   statistic: OrganizationStatistic;

pages/recipe/[...slug].tsx

@@ -20,7 +20,10 @@ export const getStaticPaths: GetStaticPaths<RecipePageParams> = async () => {
   const nodes = await recipeContentStore.getAll();
 
   const paths = nodes
-    .filter(({ type, name }) => type === 'file' && !name.startsWith('.'))
+    .filter(
+      ({ type, name, path }) =>
+        type === 'file' && !name.startsWith('.') && !path.startsWith('index.'),
+    )
     .map(({ path }) => ({ params: { slug: path.split('/') } }));
 
   return { paths, fallback: 'blocking' };

pages/recipe/index.tsx

@@ -11,7 +11,9 @@ import { recipeContentStore, XContent } from '../../models/Wiki';
 import { filterMarkdownFiles } from '../api/core';
 
 export const getStaticProps: GetStaticProps<{ nodes: XContent[] }> = async () => {
-  const nodes = filterMarkdownFiles(await recipeContentStore.getAll());
+  const nodes = filterMarkdownFiles(await recipeContentStore.getAll()).filter(
+    ({ path }) => !path.startsWith('index.'),
+  );
 
   return {
     props: JSON.parse(JSON.stringify({ nodes })),

pages/search/[model]/index.tsx

@@ -1,6 +1,5 @@
 import { observer } from 'mobx-react';
-import { DataObject } from 'mobx-restful';
-import { SearchableFilter } from 'mobx-strapi';
+import { Base, SearchableFilter } from 'mobx-strapi';
 import { cache, compose, errorLogger, RouteProps, router } from 'next-ssr-middleware';
 import { FC, useContext } from 'react';
 import { Container, Nav } from 'react-bootstrap';
@@ -26,7 +25,7 @@ export const getServerSideProps = compose<{ model: string }, SearchModelPageProp
 
     const store = new Model();
 
-    await store.getList({ keywords } as SearchableFilter<DataObject>, +page, 9);
+    await store.getList({ keywords } as SearchableFilter<Base>, +page, 9);
 
     const { pageIndex, currentPage, pageCount } = store;