`title` property in `HeaderSection` prop does not exist and causing build errors

[aalhayali]

Facing this error when using npm run build, applies to subtitle property as well:

C:\Users\sandbox>npm run build

> saas-starter@0.1.0 build
> next build

  ▲ Next.js 14.2.3
  - Environments: .env.local

   Creating an optimized production build ...
Warning: Contentlayer might not work as expected on Windows
Generated 19 documents in .contentlayer
 ✓ Compiled successfully

Failed to compile.

./components/svgs/MarkIcon.tsx
4:4  Error: Parsing error: Expression expected.

info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
   Linting and checking validity of types  .
C:\Users\sandbox>npm run build

> saas-starter@0.1.0 build
> next build

  ▲ Next.js 14.2.3
  - Environments: .env.local

   Creating an optimized production build ...
Warning: Contentlayer might not work as expected on Windows
Generated 19 documents in .contentlayer
 ✓ Compiled successfully
   Linting and checking validity of types  ..Failed to compile.

./components/pricing-cards.tsx:139:38
Type error: Type '{ label: string; title: string; }' is not assignable to type 'IntrinsicAttributes & HeaderSectionProps'.  
  Property 'title' does not exist on type 'IntrinsicAttributes & HeaderSectionProps'.

  137 |   return (
  138 |     <section className="container flex flex-col items-center text-center">
> 139 |       <HeaderSection label="Pricing" title="" />
      |                                      ^
  140 |
  141 |       <div className="mb-4 mt-10 flex items-center gap-5">
  142 |         <ToggleGroup
   Linting and checking validity of types  ...
C:\Users\sandbox>npm run build

> saas-starter@0.1.0 build
> next build

  ▲ Next.js 14.2.3
  - Environments: .env.local

   Creating an optimized production build ...
Warning: Contentlayer might not work as expected on Windows
Generated 19 documents in .contentlayer
 ✓ Compiled successfully
   Linting and checking validity of types  .Failed to compile.

./components/pricing-faq.tsx:48:9
Type error: Type '{ label: string; title: string; subtitle: string; }' is not assignable to type 'IntrinsicAttributes & HeaderSectionProps'.
  Property 'title' does not exist on type 'IntrinsicAttributes & HeaderSectionProps'.

  46 |       <HeaderSection
  47 |         label="FAQ"
> 48 |         title="Frequently Asked Questions"
     |         ^
  49 |         subtitle=""
  50 |       />
  51 |

C:\Users\sandbox\>npm run build

> saas-starter@0.1.0 build
> next build

  ▲ Next.js 14.2.3
  - Environments: .env.local

   Creating an optimized production build ...
Warning: Contentlayer might not work as expected on Windows
Generated 19 documents in .contentlayer
 ✓ Compiled successfully
   Linting and checking validity of types  ...Failed to compile.

./components/sections/testimonials.tsx:12:11
Type error: Type '{ label: string; title: string; subtitle: string; }' is not assignable to type 'IntrinsicAttributes & HeaderSectionProps'.
  Property 'title' does not exist on type 'IntrinsicAttributes & HeaderSectionProps'.

  10 |         <HeaderSection
  11 |           label="Testimonials"
> 12 |           title="What our clients are sharing."
     |           ^
  13 |           subtitle="Discover the glowing feedback from our delighted customers
  14 |             worldwide."
  15 |         />

Deployment worked after removing these variables.

[mickasmt]

Hi @aalhayali its actually weird because i dont have this error. Only label and subtitle are not required. You have an empty title in pricing-cards.tsx file. Have you update your header-section.tsx file ?