Fixed tsconfig and 34 solution

Author: mattpocock

scripts/tests/__snapshots__/all.test.ts.snap

@@ -117,9 +117,7 @@ src/07-challenges/34-dynamic-reducer.problem.ts(86,23): error TS2344: Type 'fals
 src/07-challenges/34-dynamic-reducer.problem.ts(95,7): error TS2578: Unused '@ts-expect-error' directive.
 src/07-challenges/34-dynamic-reducer.problem.ts(104,5): error TS2578: Unused '@ts-expect-error' directive.
 src/07-challenges/38-challenge-custom-jsx-element.problem.tsx(13,17): error TS2339: Property 'custom-element' does not exist on type 'JSX.IntrinsicElements'.
-src/07-challenges/38-challenge-custom-jsx-element.problem.tsx(13,17): error TS17004: Cannot use JSX unless the '--jsx' flag is provided.
 src/07-challenges/38-challenge-custom-jsx-element.problem.tsx(13,44): error TS2339: Property 'custom-element' does not exist on type 'JSX.IntrinsicElements'.
-src/07-challenges/38-challenge-custom-jsx-element.solution.tsx(18,17): error TS17004: Cannot use JSX unless the '--jsx' flag is provided.
 ,"
 `;
 
@@ -1554,15 +1552,9 @@ exports[`vitest > Should have the correct Vitest errors 1`] = `
           "ancestorTitles": [
             "",
           ],
-          "failureMessages": [
-            "expected { username: 'awdawdawd', password: '' } to deeply equal { username: 'foo', password: 'bar' }",
-          ],
+          "failureMessages": [],
           "fullName": " Should return the new state after LOG_IN",
-          "location": {
-            "column": 17,
-            "line": 78,
-          },
-          "status": "failed",
+          "status": "passed",
           "title": "Should return the new state after LOG_IN",
         },
         {
@@ -1595,7 +1587,7 @@ exports[`vitest > Should have the correct Vitest errors 1`] = `
       ],
       "message": "",
       "name": "src/07-challenges/34-dynamic-reducer.solution.ts",
-      "status": "failed",
+      "status": "passed",
     },
   ],
 }

src/07-challenges/34-dynamic-reducer.solution.ts

@@ -7,7 +7,7 @@ type PayloadsToDiscriminatedUnion<T extends Record<string, any>> = {
 
 export class DynamicReducer<
   TState,
-  TPayloadMap extends Record<string, any> = {}
+  TPayloadMap extends Record<string, any> = {},
 > {
   private handlers = {} as Record<
     string,
@@ -16,7 +16,7 @@ export class DynamicReducer<
 
   addHandler<TType extends string, TPayload extends object>(
     type: TType,
-    handler: (state: TState, payload: TPayload) => TState
+    handler: (state: TState, payload: TPayload) => TState,
   ): DynamicReducer<TState, TPayloadMap & Record<TType, TPayload>> {
     this.handlers[type] = handler;
 
@@ -25,7 +25,7 @@ export class DynamicReducer<
 
   reduce(
     state: TState,
-    action: PayloadsToDiscriminatedUnion<TPayloadMap>
+    action: PayloadsToDiscriminatedUnion<TPayloadMap>,
   ): TState {
     const handler = this.handlers[action.type];
     if (!handler) {
@@ -49,7 +49,7 @@ const reducer = new DynamicReducer<State>()
         username: action.username,
         password: action.password,
       };
-    }
+    },
   )
   .addHandler("LOG_OUT", () => {
     return {
@@ -69,19 +69,19 @@ it("Should return the new state after LOG_IN", () => {
     { username: "", password: "" },
     {
       type: "UPDATE_USERNAME",
-      username: "awdawdawd",
-    }
+      username: "new-password",
+    },
   );
 
   type test = [Expect<Equal<typeof state, State>>];
 
-  expect(state).toEqual({ username: "foo", password: "bar" });
+  expect(state).toEqual({ username: "new-password", password: "" });
 });
 
 it("Should return the new state after LOG_OUT", () => {
   const state = reducer.reduce(
     { username: "foo", password: "bar" },
-    { type: "LOG_OUT" }
+    { type: "LOG_OUT" },
   );
 
   type test = [Expect<Equal<typeof state, State>>];
@@ -95,7 +95,7 @@ it("Should error if you pass it an incorrect action", () => {
     {
       // @ts-expect-error
       type: "NOT_ALLOWED",
-    }
+    },
   );
 });
 
@@ -105,6 +105,6 @@ it("Should error if you pass an incorrect payload", () => {
     // @ts-expect-error
     {
       type: "LOG_IN",
-    }
+    },
   );
 });

tsconfig.json

@@ -7,6 +7,7 @@
     "module": "ES2022",
     "moduleResolution": "node",
     "noEmit": true,
+    "jsx": "preserve",
     "isolatedModules": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,