Inertia <Head> issue: TypeError: Cannot convert a Symbol value to a string (react) #2326

SEMINSEMINSEMIN · 2025-04-25T08:00:14Z

SEMINSEMINSEMIN
Apr 25, 2025

Version:

@inertiajs/react version: 2.0.0

Description of problem:

Hello, I am using Inertia/react in a Laravel environment.
I tried to use <Head> from Inertia to dynamically set meta tags like description using a variable.
However, I encountered the following error when using a variable inside <Head>:

Here's how my setup looks:

app.blade.php

<head>
  @inertiaHead
</head>

article-head.tsx

import { Head } from '@inertiajs/react';

export default function ArticleHead() {

  const describ = "Hello world";

  return (
    <Head>
        <meta name="description" content={describ} />
    </Head>
  );
}

If I hardcode the value directly in the tag (instead of using a variable), the error doesn't happen.

I found a related issue on GitHub, which was closed and related to Vue.

Does anyone know how to fix this or what's causing it in React?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Inertia <Head> issue: TypeError: Cannot convert a Symbol value to a string (react) #2326

{{title}}

Replies: 0 comments

Select a reply

Inertia <Head> issue: TypeError: Cannot convert a Symbol value to a string (react) #2326

SEMINSEMINSEMIN Apr 25, 2025

Version:

Description of problem:

Replies: 0 comments

SEMINSEMINSEMIN
Apr 25, 2025