Fix issues with lighthouse in local dev (#139)

* Fix issues with lighthouse in local dev

* version bump

Author: AlemTuzlak

package.json

@@ -2,7 +2,7 @@
   "name": "remix-development-tools",
   "description": "Remix development tools - a set of tools for developing/debugging Remix.run apps",
   "author": "Alem Tuzlak",
-  "version": "4.2.2",
+  "version": "4.2.3",
   "license": "MIT",
   "keywords": [
     "remix",

src/client/components/InfoCard.tsx

@@ -12,7 +12,7 @@ export const InfoCard = ({
 }) => {
   return (
     <div className="rdt-mb-4 rdt-h-min rdt-rounded-lg rdt-border-solid rdt-border-gray-500/40 rdt-text-base rdt-font-normal rdt-text-white rdt-transition-all">
-      <h6
+      <h3
         className={clsx(
           "rdt-flex rdt-min-h-[30px] rdt-items-center rdt-text-left rdt-text-sm",
           onClear ? "rdt-flex rdt-items-center rdt-justify-between rdt-gap-3" : ""
@@ -27,7 +27,7 @@ export const InfoCard = ({
             Clear
           </button>
         )}
-      </h6>
+      </h3>
 
       {children}
     </div>

src/client/components/RouteSegmentInfo.tsx

@@ -102,7 +102,7 @@ export const RouteSegmentInfo = ({ route, i }: { route: UIMatch<unknown, unknown
       >
         <Icon name={isRoot ? "Root" : isLayout ? "Layout" : "CornerDownRight"} size="sm" />
       </div>
-      <h3 className="rdt-text-md -rdt-mt-3 rdt-mb-1 rdt-flex rdt-items-center rdt-justify-between rdt-gap-2 rdt-font-semibold rdt-text-white">
+      <h2 className="rdt-text-md -rdt-mt-3 rdt-mb-1 rdt-flex rdt-items-center rdt-justify-between rdt-gap-2 rdt-font-semibold rdt-text-white">
         {route.pathname}
 
         <div className="rdt-flex rdt-gap-2">
@@ -124,7 +124,7 @@ export const RouteSegmentInfo = ({ route, i }: { route: UIMatch<unknown, unknown
             />
           )}
         </div>
-      </h3>
+      </h2>
       <div className="rdt-mb-4">
         <p className="rdt-mb-2 rdt-block rdt-text-sm rdt-font-normal rdt-leading-none rdt-text-gray-500  ">
           Route segment file: {route.id}

src/test-apps/remix-vite/vite.config.ts

@@ -2,21 +2,20 @@ import { vitePlugin as remix } from "@remix-run/dev";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 import { remixDevTools, defineRdtConfig } from "remix-development-tools"
-
+ 
 const config = defineRdtConfig({
   client: {
   defaultOpen: false,
   panelLocation: "top",
   position: "top-right",
-  requireUrlFlag: true
+  requireUrlFlag: false
   },server: {},
   pluginDir: "./plugins",
   includeInProd: true,
   unstable_console: true
 }, ); 
-
 export default defineConfig({
-  plugins: [remixDevTools(config),remix({ future: {
+  plugins: [remixDevTools( config),remix({ future: {
     unstable_singleFetch: true
   } }), tsconfigPaths()],
   server: {