Get Cookies Values and Display It in Framer.com

Cookies.tsx

// Create a TSX file of type override by clicking on Assets -> Code and clicking on (+);
//Copy, paste the code below and save;
//Go to Pages, select the page and select the paragraph or heading you want to display the cookie value;
//In the right side menu go to Code Overrides and click (+), select the Cookies file;
//In Overrides select withCookies;
//Publish your page and you're done.
// In this example I am getting the value from _fbp cookie

import type { ComponentType } from "react"
import Cookies from "cookiejs"

export function withCookie(Component): ComponentType {
return (props) => {
        const cookieValue: string = Cookies.get("_fbp") as string 
        return <Component {...props} text={cookieValue} />
    }
}