Issues with Tanstack Router and React Testing Library

[Wekios]

Hello 👋🏻

Did anybody else encounter issues when working with RTL?
If I try to render router I get a blank screen and a warning about state changes happening. So I wrap my render function with act and await the result and then it works. But my ESLint is warning me about using act in my tests.

Here's my test setup:

const isAuthenticatedMock = jest.fn(() => {
	return Promise.resolve({ name: 'test' });
});

interface MyContext {
	user: { name: string } | null;
}

const createRouter = (context?: Partial<MyContext>) => {
	const routerContext = new RouterContext<MyContext>();
	const routeTree = routerContext.createRootRoute({
		component: AppHeader,
		beforeLoad: async () => {
			// you can resolve or reject this mock function (I need it to simulate my auth flow)
			const user = await isAuthenticatedMock();
			return { user };
		},
	});

	return new Router({ routeTree, context: { user: null, ...context } });
};

describe('Your_test_describe', () => {
	test('renders the app with logged in user', async () => {
		await act(() => render(<RouterProvider router={createRouter()} />));
                // assertions ...
	});

[mta-trackunit]

I think your
await act(() => render(<RouterProvider router={createRouter()} />));
should just be
await act(async() => render(<RouterProvider router={createRouter()} />));