Is it possible to test the whole App with routes?

[NexRX]

I want to test using a render of the whole app with all the routes but when i use the vitest template and add a test to do so as follows:

import { describe, it, expect } from 'vitest';
import { render } from '@solidjs/testing-library';
import userEvent from '@testing-library/user-event';
import App from './app';

describe('App', () => {
  it('Does Render', async () => {
    render(() => <App />);
  });
});

I get an import error as follows:

 FAIL  src/app.test.tsx [ src/app.test.tsx ]
TypeError: Unknown file extension ".jsx" for /home/projects/solidjs-templates-6zmfus/node_modules/.pnpm/@solidjs+start@1.0.4_@testing-library+jest-dom@6.4.6_solid-js@1.8.18_vinxi@0.3.14_vite@5.3.3/node_modules/@solidjs/start/dist/router/index.jsx

I'm not really sure why im getting this error, other tests import .tsx work fine so im confused. Although I'm betting its a tweak to the default config i need to make. Just looking for help on what that change is.

[NexRX]

Here is a minimal stackblitz with the issue im facing
https://stackblitz.com/edit/solidjs-templates-6zmfus?file=package.json&view=editor