Cannot use import statement outside a module

[Snoker87]

Hello, I have tested algolia autocomplete in sandbox and it work fine. so in my project (laravel website) i tried to create algolia.tsx into my JS folder
and then install "npm install @algolia/autocomplete-theme-classic + npm install @algolia/autocomplete-js"
in my search.php i have <script src="'js/algolia.tsx'"></script>
but i got this error
Uncaught SyntaxError: Cannot use import statement outside a module
how to fix it ?

[Haroenv]

Am I right in assuming that js/algolia.tsx hasn't been setup for transpilation to JS via webpack or similar? You followed the instructions for using a bundler, so that needs to be used, except if you import via UMD instead

[Snoker87]

I got this error

`  Compiled with some errors in 8.23s

ERROR in ./resources/js/search.tsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\Users\User\laravel\project\resources\js\search.tsx: pragma and pragmaFrag cannot be set when runtime is automatic.
> 1 | "use strict";
    | ^
  2 | /** @jsx h */
  3 | var __importDefault = (this && this.__importDefault) || function (mod) {
  4 |     return (mod && mod.__esModule) ? mod : { "default": mod };`

[Snoker87]

I want to ask you about something
First of all I work with laravel.
I have these params

                params: {
                  hitsPerPage: 5,
                  attributesToSnippet: ["name:10", "desc:35"],
                  snippetEllipsisText: "…",
                  facetFilters: "college_id:1"

as you read there's facetFilters called college_id and it's set to 1 so every record have college_id=1 will display, but problem is
in how can I make the ":1"
changeable using php (dynamic) if user go to college 2 he will get every record with college_id=2
because those params in my tsx file and my work is with php

[Haroenv]

if the college id is in the URL, you can use something like facetFilters: "college_id:" + (new URLSearchParams(location.search)).get("college_id")

[Snoker87]

Can't do since what I have in my url is college slug which is not included in record attribute's in algolia.

but as i see this guy https://prnt.sc/26b1ryz define serach paramars outside tsx file and have variable with $user.id
if that's so Maybe i can do it inside my php file if that available ?

[Haroenv]

that's possible too I guess, but as there's no complete example available with what you're trying to achieve, I can only guess to what the best option is

[Snoker87]

I will ask maybe someone have work it out. Anyway thanks a lot for helping me.

[Snoker87]

Solve it by just add /** @jsxRuntime classic / in the first line of my tsx file
Now everything work fine. Thank you I didn't know anything about bundler :( but now I know little bit 👍

/** @jsxRuntime classic */
/** @jsx h */

import { autocomplete, getAlgoliaResults } from "@algolia/autocomplete-js";
import algoliasearch from "algoliasearch";
import { h, Fragment } from "preact";