Basic usage of gatsby-plugin-launchdarkly

index.jsx

import React from "react"
import { Link } from "gatsby"
 
import Layout from "../components/layout"
import Image from "../components/image"
import SEO from "../components/seo"
 
import { useFlags } from 'gatsby-plugin-launchdarkly'
 
const IndexPage = () => {
 const flags = useFlags()
 return (
   <Layout>
     <SEO title="Home" />
     <h1>{ flags.helloWorld ? 'Hello World!' : '' }</h1>
     <p>Welcome to your new Gatsby site.</p>
     <p>Now go build something great.</p>
     <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}>
       <Image />
     </div>
     <Link to="/page-2/">Go to page 2</Link>
   </Layout>
 )
}
 
export default IndexPage