Sventies's questions

Estou usando o Remix com um npx create-remix@latestmodelo moderno (cloudflare). Ele usa o React router por baixo dos panos (o Remix usa), mas eu não uso o React router explicitamente em nenhum lugar do meu código.

Agora recebo este aviso:

⚠️ React Router Future Flag Warning: The revalidation behavior after 4xx/5xx `action` responses is changing in v7. You can use the `v7_skipActionErrorRevalidation` future flag to opt-in early. For more information, see [https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation][1].

Clicar no link me dá sugestões sobre como editar o componente para corrigir isso, mas não tenho esse componente no meu aplicativo.

Estas são minhas pendências de(relevantes):

"@remix-run/cloudflare": "^2.11.1",
"@remix-run/cloudflare-pages": "^2.11.1",
"@remix-run/react": "^2.11.1",
"remix-utils": "^7.6.0",

O que devo fazer para que esses registros de aviso desapareçam / para corrigir isso?

Estou declarando um tipo COMPONENT "pai" que outros tipos de elementos devem satisfazer. O código abaixo funciona bem se eu usá-lo em um arquivo .ts ou .tsx normal (ou seja, ele me mostrará que não posso usar um tipo "herói", pois não faz parte de ELEMENT_TYPE). Entretanto, em um arquivo de declaração, isso simplesmente não funciona.

Como declaro um tipo genérico e depois o uso como um "molde" para encaixar outros tipos mais específicos, tudo em um arquivo de declaração?

declare type ELEMENT_TYPE = "div" | "p" | "h1" | "button";

declare type COMPONENT = {
  type: ELEMENT_TYPE;
  children: (COMPONENT | string)[];
};

declare type Satisfies<T, U extends T> = U;

declare type HERO = Satisfies<
  COMPONENT,
  {
    type: "hero";
    children: (COMPONENT | string)[];
  }
>; // should throw error but does not in declaration (.d.ts) file

Meu arquivo tsconfig tem a seguinte aparência:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}