Am I using Inertia JS correctly?

I'm currently working on a project where the majority of the site pages will be written with blade as I want HTML rendered on the server. However I have some forms I'd really like to leverage React with so I setup Inertia JS and have implemented it so only some pages will use Inertia React. I have it setup so Inertia is included within a section of a blade template so I can keep my blade layout.

I understand Inertia can SSR React but I want to keep running costs to a minimum. I also know that Laravel has Livewire which is probably more inline with what I'm doing however I much prefer to write React/JSX.

My question is am I using Inertia incorrectly? Brief summary of my setup:

@extends("layouts/main")

@section("head")
    @vitereactrefresh
    @vite(['resources/js/app.jsx', "resources/js/Pages/{$page['component']}.jsx"])
    @inertiaHead
@endsection

@section("content")
    @inertia
@endsection

Rest of the setup is as per Inertia docs.