fix: use stable stringify for dirty check, fix Prisma type error

Author: nicktrn

apps/webapp/app/components/admin/FeatureFlagsDialog.tsx

@@ -1,5 +1,6 @@
 import { useFetcher } from "@remix-run/react";
 import { useEffect, useState } from "react";
+import stableStringify from "json-stable-stringify";
 import {
   Dialog,
   DialogContent,
@@ -70,7 +71,7 @@ export function FeatureFlagsDialog({
     }
   }, [saveFetcher.data]);
 
-  const isDirty = JSON.stringify(overrides) !== JSON.stringify(initialOverrides);
+  const isDirty = stableStringify(overrides) !== stableStringify(initialOverrides);
 
   const setFlagValue = (key: string, value: unknown) => {
     setOverrides((prev) => ({ ...prev, [key]: value }));

apps/webapp/app/routes/admin.api.orgs.$orgId.feature-flags.ts

@@ -85,7 +85,7 @@ export async function action({ request, params }: ActionFunctionArgs) {
   try {
     await prisma.organization.update({
       where: { id: orgId },
-      data: { featureFlags },
+      data: { featureFlags: featureFlags as Prisma.InputJsonValue },
     });
   } catch (e) {
     if (e instanceof Prisma.PrismaClientKnownRequestError && e.code === "P2025") {

apps/webapp/package.json

@@ -161,6 +161,7 @@
     "ioredis": "^5.3.2",
     "isbot": "^3.6.5",
     "jose": "^5.4.0",
+    "json-stable-stringify": "^1.3.0",
     "jsonpointer": "^5.0.1",
     "lodash.omit": "^4.5.0",
     "lucide-react": "^0.229.0",