Next JS build not working with Apostrophe

This is running build but,

import styles from '../styles/Home.module.css'
    
    export default function Home() {
      return (
        
        <div className={styles.container}>
          <title>Filmydom</title>
          <h1>Filmydom</h1>
          <tagline>Lets be Filmy</tagline>
          <br />
          <br />
          <h3>Coming Soon</h3>
        </div>
      )
    }

This is not

import styles from '../styles/Home.module.css'
    
    export default function Home() {
      return (
        
        <div className={styles.container}>
          <title>Filmydom</title>
          <h1>Filmydom</h1>
          <tagline>Let's be Filmy</tagline>
          <br />
          <br />
          <h3>Coming Soon</h3>
        </div>
      )
    }

Just because the tagline contains ” ‘ “.

This happened when I was trying to build and deploy on firebase.

How to build with Apostrophe.

Answer

Is tagline a valid HTML Element? I wonder if that could be contributing to this odd behavior.

Otherwise could try string literal:

export default function Home() {
      return (
        
        <div className={styles.container}>
          <title>Filmydom</title>
          <h1>Filmydom</h1>
          <tagline>{`Let's be Filmy`}</tagline>
          <br />
          <br />
          <h3>Coming Soon</h3>
        </div>
      )
    }