Is this a bug?

[dvlpr91]

app.jsx

import { createInertiaApp } from '@inertiajs/react';
import { createRoot } from 'react-dom/client';

createInertiaApp({
  resolve: (name) => {
    const pages = import.meta.glob('./Pages/**/*.jsx', { eager: true });

    return pages[`./Pages/${name}.jsx`];
  },
  setup({ el, App, props }) {
    createRoot(el).render(<App {...props} />);
  },
});

Layout.jsx

import { useEffect } from 'react';

export default ({ children }) => {
  useEffect(() => {
    console.log('foo');
  }, []);

  return <main>{children}</main>;
};

Home.jsx

import Layout from '../Components/Layout';

export default () => {
  return (
    <Layout>
      <p>Home</p>
    </Layout>
  );
};

If I remove the part of the Layout.jsx file that calls the useEffect function, it works fine.