How use sql.js-httpvfs library in Gatsby?

[iozcelik]

I try to use sql.js-httpvfs library inside my project. However, I am not successed yet. I am not expert about node.js.

What I do? Firstly, need to webpack.config to Gatsby for that I create gatsby-node.js file and add the below code inside it.

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    entry: "./src/index.js",
    module: {
      rules: [
        {
          test: "/.tsx?$/",
          use: "ts-loader",
          exclude: "/node_modules/",
        },
      ],
    },
    output: {
      filename: "bundle.js",
    },
    devServer: {
      publicPath: "/dist",
    },
  });
};

Inside my index.js page, I add the code;

import { createDbWorker } from "sql.js-httpvfs";

const workerUrl = new URL(
  "sql.js-httpvfs/dist/sqlite.worker.js",
  import.meta.url
);

const wasmUrl = new URL("sql.js-httpvfs/dist/sql-wasm.wasm", import.meta.url);

function load() {
  const worker = createDbWorker(
    [
      {
        from: "inline",
        config: {
          serverMode: "full",
          url: "../myTestDb.sqlite3",
          requestChunkSize: 4096,
        },
      },
    ],
    workerUrl.toString(),
    wasmUrl.toString()
  );

  const result = worker.db.query(`select * from districts`);

  document.body.textContent = JSON.stringify(result);
}

load();

But I got error. This library is very usefull. I want to adopt it Gatsby, however I am new here. How we can do it?