at resolvePageComponent Error - Cannot read properties of undefined

@JussiMannisto Sorry Typo - The naming is not the issue. Test.jsx is correct. thats right, I slimmed it down for debugging.

@JussiMannisto - I assure you my syntax is right. Sorry I will fix my initial post typos. The below still gets the same error.

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => {
        return resolvePageComponent(
            `./Pages/${name}.jsx`,
            import.meta.glob("./Pages/**/*.jsx")
        );
    },
 setup({ el, App, props }) {
      const root = createRoot(el);
     root.render(
      <App {...props} />
    );

});

@quickee

I assure you my syntax is right.

This is definitely NOT valid syntax:

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => {
      resolvePageComponent(`./Pages/Test.jsx`);
     
    },
         root.render(<div>test App.jsx</div>); },
});

What is root.render doing there? And what's that trailing }; behind it?

And the changed code is wrong too. There's no setup().

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => {
        return resolvePageComponent(
            `./Pages/${name}.jsx`,
            import.meta.glob("./Pages/**/*.jsx")
        );
    },
});

@JussiMannisto sir scroll up. the setup is there.

Also - the setup has nothing todo with the finding the page. I set a breakpoint in the intertia-helper @resolvePageComponent function. And the pages[page] is undefined. It never even makes it to the setup code. I know you are trying to help. But again, I assure you the syntax is correct.

I understand the initial post has TYPOS. And does not reflect the actual code. It was slimmed down for an easier understanding.

I see you modified the code in your previous post again. The syntax is still invalid: the setup call isn't closed:

createInertiaApp({
	title: (title) => `${title} - ${appName}`,
	resolve: (name) => {
		return resolvePageComponent(
			`./Pages/${name}.jsx`,
			import.meta.glob("./Pages/**/*.jsx")
		);
	},
	setup({ el, App, props }) {
		const root = createRoot(el);
		root.render(
			<App {...props} />
		);
	} // Add this closing bracket.
});

@JussiMannisto bro - it was edited before you even commented back. Man i've been programming for about 25 years. I understand you are convinced this is a syntax error. I promise you this is not the problem.

@quickee

I understand the initial post has TYPOS. And does not reflect the actual code. It was slimmed down for an easier understanding.

Your app doesn't work because you're doing something wrong. If you want help, post your actual code instead of making up stuff. Otherwise you're wasting everyone's time.

Check the InertiaJS docs below to see what's wrong with your setup. I can't help you further because I'm not psychic.

https://inertiajs.com/client-side-setup

@JussiMannisto it was intended to make it easier to read. And break off the pieces that didn't matter. Adding the await and return page.default || page; fixed it.

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: async (name) => {
        const page = await resolvePageComponent(
            `./Pages/${name}.jsx`,
            import.meta.glob("./Pages/**/*.jsx")
        );
        return page.default || page;
    },
    setup({ el, App, props }) {
        const root = createRoot(el);
        root.render(
            <App {...props} />
        );
    },

});